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

Question

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

以下是用于验证电子邮件字段的标准遵守模式的示例：

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