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

【问题标题】：How do Zurb-Foundation 6 / Abide custom validation patterns work?Zurb-Foundation 6 / Abide 自定义验证模式如何工作？
【发布时间】：2016-09-30 02:10:00
【问题描述】：

我想创建自己的自定义模式，以便使用 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])?)*$/,

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

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

【问题讨论】：

标签： javascript zurb-foundation abide

【解决方案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，这是一个写得很好的指南。

【讨论】：