jQuery Validate插件实现表单强大的验证功能

jQuery Validate插件捆绑了一套有用的验证方法包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法认使用英语作为错误信息,且已翻译成其他 37 种语言。

第一节:

jQuery Validation让验证变得如此容易

文件

rush:js;">

rush:xhtml;">

密码:required"/>

代码,大家会发现我们对于每一个input都加上了class="required" 他的作用就是在这个inpute标签为空时会提示用户出错。 四、最后我们要为我们的框架找到一个切入点

rush:js;">

增加一个 首先找到messages 在里面添加mobile 如下:

rush:js;"> messages: { required: "This field is required.",remote: "Please fix this field.",email: "Please enter a valid email address.",url: "Please enter a valid URL.",date: "Please enter a valid date.",dateISO: "Please enter a valid date (ISO).",number: "Please enter a valid number.",mobile: "请填写正确的手机号码.",digits: "Please enter only digits.",creditcard: "Please enter a valid credit card number.",equalTo: "Please enter the same value again.",maxlength: $.validator.format("Please enter no more than {0} characters."),minlength: $.validator.format("Please enter at least {0} characters."),rangelength: $.validator.format("Please enter a value between {0} and {1} characters long."),range: $.validator.format("Please enter a value between {0} and {1}."),max: $.validator.format("Please enter a value less than or equal to {0}."),min: $.validator.format("Please enter a value greater than or equal to {0}.") }

添加

rush:js;"> mobile: function( value,element ) { return this.optional(element) || /^1[3|4|5|8][0-9]\d{8}$/.test(value); }

效果

插件为表单提供了强大的验证功能,希望大家喜欢。

相关文章

页面搜索关键词突出 // 页面搜索关键词突出 $(function () {...
jQuery实时显示日期、时间 html: <span id=&quot...
jQuery 添加水印 <script src="../../../.....
中文:Sys.WebForms.PageRequestManagerParserErrorExceptio...
1. 用Response.Write方法 代码如下: Response.Write(&q...
Jquery实现按钮点击遮罩加载,处理完后恢复 思路: 1.点击按...