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写的有问题.