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

前端之家收集整理的这篇文章主要介绍了jQuery Validate插件实现表单强大的验证功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

第一节:

jQuery Validation让验证变得如此容易

文件

效果如下

403320257S" style="display: none">

提示信息默认是英文的,可根据需要在jquery.validate.js里修改

第二节:

提示信息都将是This field is required. 现在要改成动态提示,比如姓名如果为空则提示姓名不能为空,密码如果为空则提示密码不能为空。 这次我们将校验规则写在代码里 首先还是先引入文件

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

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}.") }

添加

效果

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

原文链接:https://www.f2er.com/jquery/51031.html

猜你在找的jQuery相关文章