jquery validate plugin 的一些比较特殊的用法总结

最新推荐文章于 2024-01-26 10:05:23 发布

hexudong08

最新推荐文章于 2024-01-26 10:05:23 发布

阅读量718

点赞数

分类专栏： jquery jquery 插件文章标签： jquery function user

本文链接：https://blog.csdn.net/hexudong08/article/details/7098373

版权

jquery 同时被 2 个专栏收录

12 篇文章 0 订阅

订阅专栏

jquery 插件

8 篇文章 0 订阅

订阅专栏

这几天一直在做jquery validate的前端验证，现做一下小小的总结。
项目地址：

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

全部代码如下：

 $("form").validate({
     rules : {
         "user[password]":{
             required: true,
             minlength: 6
         },
         "user[username]":{
             required: true,
         },
         "user[password_confirmation]":{
             required: true,
             minlength: 6,
             equalTo: "#user_password"
         },
         terms: "required"
     },
     messages:{
         terms: "必须同意条款才可注册"
     },
     errorPlacement: function(error, element) {
       error.insertAfter(element);
     },
     success: function(label) {
         label.html(" ").addClass("checked");
         label.next().hide();
     },
     onkeyup: function(element){
       console.log("onkeyup -------------");
     },
     onfocusin: function(element){

     },
 });

该段代码的亮点在于，能控制错误提示信息显示的时间和动作。关键在于如下几个属性：
success: 成功时，如何提示
onkeyup: 按键时，如何提示(默认会提示信息的)
onfocousin: 聚焦时，如何提示