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 ，这是一本写得很好的指南。