javascript - Zurb-Foundation 6 / Abide 自定义验证模式如何工作？

Question

我想创建自己的自定义模式，以便使用 Foundation 6 框架的 Abide 插件验证字段，但是，我找不到任何指示创建模式所需语法的资源。

这是用于验证电子邮件字段的标准 Abide 模式的示例：

email : /^[a-zA-Z0-9.!#$%&\'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,

我需要的模式是一个只有数字的字段，但是它不能有任何前导零。

我在哪里可以找到信息以帮助我了解如何创建它？

Answer 1

将此添加到您的 Javascript：

Foundation.Abide.defaults.patterns['no_leading_zero_number'] = /^[1-9]\d*/;

然后像这样使用：

<input id="phone" type="text" pattern="no_leading_zero_number">

正则表达式/^[1-9]\d*/匹配没有任何前导零的数字。

我鼓励你看看Foundation docs，这是一个写得很好的指南。