微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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); }

效果

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐