jquery validate添加自定义验证规则(验证邮箱 邮政编码)
|
jQuery.validator.addMethod添加自定义的验证规则 addMethod：name,method,message 简单实例：单个验证的添加 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>validate.js拓展验证</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="jquery.validate.js"></script> <script type="text/javascript" src="validate.expand.js"></script> </head> <body> <form action="" method="get" id="tinyphp"> <input type="text" value="" name="isZipCode" /> <input type="submit" value="提交" /> </form> <script type="text/javascript"> $("#tinyphp").validate({ // 添加验证规则 rules: { isZipCode: { //验证邮箱 isZipCode: true } } }); </script> </body> </html> validate.expand.js 复制代码 代码如下: jQuery.validator.addMethod("isZipCode",function(value,element) { var tel = /^[0-9]{6}$/; return this.optional(element) || (tel.test(value)); },"请正确填写您的邮政编码"); 添加多个验证方法 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>validate.js拓展验证</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript" src="jquery.validate.js"></script> <script type="text/javascript" src="validate.expand.js"></script> </head> <body> <form action="" method="get" id="tinyphp"> 邮编：<input type="text" value="" name="isZipCode" /><br /><br /> 名字：<input type="text" value="" name="userName" /> validate.expand.js
复制代码 代码如下: jQuery.validator.addMethod("userName",element) { return this.optional(element) || /^[u0391-uFFE5w]+$/.test(value); },"用户名必须在5-10个字符之间"); jQuery.validator.addMethod("isZipCode","请正确填写您的邮政编码"); （编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |