当前位置 : 主页 > 网页制作 > JQuery >

jQuery验证插件 – 只显示errorContainer中的第一个错误

来源:互联网 收集:自由互联 发布时间:2021-06-15
function validateEmail(){ // ############################### $( “#contato_form”).验证({ errorContainer:“#wrapperError”, errorLabelContainer:“#wrapperError span.error”, 调试:真实, 规则:{ nome:{required:true}, 电
function validateEmail(){
      // ###############################
      $( “#contato_form”).验证({
       errorContainer:“#wrapperError”,
       errorLabelContainer:“#wrapperError span.error”,
       调试:真实,
          规则:{
        nome:{required:true},
        电子邮件:{required:true},
        mensagem:{required:true}
          },
          消息:{
        nome:{required:’Informe seu nome.’ },
        电子邮件:{required:’Informeumedompreçomailválido.’ },
        mensagem:{required:’Por favor,escreva sua mensagem.’ }
          },
      submitHandler:function(){
       $就({
          类型:“POST”,
          网址:“ http://www.mydomain.com/sendemail.php”,
          data:({nome:$(“input#nome”).val(),email:$(“input#email”).val(),mensagem:$(“textarea#mensagem”).val()}) ,
          成功:函数(msg){
         $(‘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"}
   }
网友评论