groups 这个方法，显示错误信息是最后一条！我想从第一条错误开始显示，怎么做好？

Question

我想显示这个效果，但实际是一点提交，显示“请输入联系电话！”

我的代码如下

//登录表单验证

 $(document).ready(function(){  

$("#submitForm").validate({

rules: {

 company: {

                     required: true,

                    minlength: 2,

                    maxlength: 10

                },

    user: {

                     required: true,

                    minlength: 2,

                    maxlength: 10

                },

    phone: {

                     required: true,

                      isPhone: true  

                }

},

messages: {

company: {

                     required: '请输入公司名称！',

                    minlength: '公司名称不能小于2个字符！',

                    maxlength: '公司名称不能超过10个字符！'                 

                },

  user: {

                     required: '请输入联系人姓名！',

                    minlength: '公司名称不能小于2个字符！',

                    maxlength: '公司名称不能超过10个字符！'              

                },

  phone: {

required: '请输入联系电话！',

 isPhone: '请输入一个有效的联系电话！'             

}

},

submitHandler: function (form) {      //通过验证，运行函数

                console.log($(form).serialize());         //form表单序列号

        },

groups:{

login:"company user phone"

},

errorPlacement:function(error,element){

error.appendTo("#error_tip");

},

errorElement: "em", //用来创建错误提示信息标签

 });

  });

  

  // 联系电话(手机/电话皆可)验证 

jQuery.validator.addMethod("isPhone", function(value,element) { 

  var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/; 

  var tel = /^\d{3,4}-?\d{7,9}$/; 

  return this.optional(element) || (tel.test(value) || mobile.test(value)); 

}); 

Answer 1

如果你想每一个判断一下，你们在每一个input上面都绑定一个focusout事件就可以了（jquery），如果是手写js那么就绑定一个blur事件就行了。

Answer 2

文本框可以设置click 和 keyup

Answer 3

上代码吧,基本判断js写的有问题.