【DWZ】表单验证规则介绍，与如何修改表单验证，如何添加自定义表单验证

来源：互联网发布：新唐n32905u数据手册编辑：程序博客网时间：2024/06/05 17:39

<form onsubmit="return validateCallback(this)" class="pageForm" action="ajaxDone.html" method="post">真实姓名：<input type="text" class="required textInput" maxlength="20" size="30" name="name">（必填验证） 电子邮箱：<input type="text" alt="请输入您的电子邮件" class="required email textInput" size="30" name="email" id="email_2871">（邮箱验证） 电话：<input type="text" alt="请输入您的电话" class="phone textInput" size="30" name="phone" id="phone_8171"> 密码：<input type="password" alt="字母、数字、下划线" class="required alphanumeric textInput" size="30" name="password">（必填，字母、数字、下划线验证） 年龄：<input type="text" alt="" class="required textInput" size="30" name="age" max="100" min="5">（必填，最大值和最小值验证）<button type="submit">提交</button></form>

email: “请输入正确格式的电子邮件”,
url: “请输入合法的网址”,
date: “请输入合法的日期”,
dateISO: “请输入合法的日期 (ISO).”,
number: “请输入合法的数字”,
digits: “只能输入整数”,
creditcard: “请输入合法的信用卡号”,
equalTo: “请再次输入相同的值”,
accept: “请输入拥有合法后缀名的字符串”,
maxlength: $.validator.format(“长度最多是 {0} 的字符串”),
minlength: $.validator.format(“长度最少是 {0} 的字符串”),
rangelength: $.validator.format(“长度介于 {0} 和 {1} 之间的字符串”),
range: $.validator.format(“请输入一个介于 {0} 和 {1} 之间的值”),
max: $.validator.format(“请输入一个最大为 {0} 的值”),
min: $.validator.format(“请输入一个最小为 {0} 的值”),
alphanumeric: “字母、数字、下划线”,
lettersonly: “必须是字母”,

phone: “数字、空格、括号”

添加自定义表单验证规则
打开 dwz.ui.js
直接在编辑器里查找 alphanumeric 看下图

直接复制一样的代码

$.validator.addMethod("规则名称", function(value, element) {return this.optional(element) || /^正则$/i.test(value);},"验证规则作用说明,必须用英文表示");

添加完自定义表单验证规则后,打开 dwz.regional.zh.js 该文件
为新的验证规则,设置对应的汉字说明,看下图

图标标记的就是我自己新添加, 赶紧去试试吧

0 0