jQuery 验证插件 - 仅显示 errorContainer 处的第一个错误

标签 jquery validation

函数验证电子邮件(){ //############################### $("#contato_form").validate({ 错误容器:“#wrapperError”, errorLabelContainer: "#wrapperError span.error", 调试:真, 规则:{ 名称:{必需:true}, 电子邮件:{ 必需:true }, 信息:{ 必需:true } }, 消息:{ nome: { 必需:'通知 seu nome。' }, 电子邮件:{ 必需:'通知电子邮件有效。' }, mensagem: { required:'请帮忙,escreva sua mensagem。' }
}, 提交处理程序:函数(){ $.ajax({ 类型:“帖子”, 网址:“http://www.mydomain.com/sendemail.php”, 数据:({nome:$(“input#nome”).val(),电子邮件:$(“input#email”).val(),mensagem:$(“textarea#mensagem”).val()}) , 成功:函数(消息){ $('div#enviado').html(' ').append(msg); } }); } }); }

当我提交时。我收到此错误消息:

  Informe seu nome.Informe um endereço email válido.Por favor, escreva sua mensagem.  

如何才能只获取第一个错误而不是 errorContainer?一旦第一个输入正常,然后下一个错误等等......

谢谢

最佳答案

showErrors: function(errorMap, errorList) {
    if (errorList.length) {
       var s = errorList.shift();
       var n = [];
       n.push(s);
       this.errorList = n;
    }
    this.defaultShowErrors();
},

此代码从插件 errorList 中删除所有错误元素,但首先是在验证完成之后但在显示之前。我认为,这可以用更短的方式编写,但为了便于理解解决方案的想法而保留。我希望这有帮助。还有一点……有时,在某些情况下,您可以看到所有错误消息,而不是仅显示一条错误消息。为了防止这种情况,请尝试通过以下代码对字段进行分组以进行验证(例如):

   groups: {
      logon: "login password"
   },messages : {
      login : {required:"Enter login"},
      password : {required:"Enter password"}
   }

关于jQuery 验证插件 - 仅显示 errorContainer 处的第一个错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2701645/

相关文章:

javascript - Meteor 中的 React PropTypes 对我不起作用

php - 顶级域中的数字?

c# - 如何使自定义控件可验证?

javascript - 将 CSS 面板更改为 100% 宽度会创建跳动的 jQuery 滚动

javascript - 如何在窗口调整大小时为等高子项重新加载 div

javascript - 如何找到负责效果的 jquery/javascript/modernizer 代码

javascript - 错误 "TypeError: $(...).children is not a function"

jquery - sizzle 支持选择器中的命名空间吗?

python - 自定义交叉验证拆分 sklearn

jQuery 验证 : Custom validator with AJAX