Question

我已经在jQuery中设置了一些验证，我希望在提交表单之前运行它。但是，当我使用'preventDefault'并尝试在验证通过时提交表单时，它不会。

$(function(){
   $('#submit').click(function(e){
      e.preventDefault();
      if(..... // validation done here
      ....
      if(error === 1){
         ....
      }
      if(error === 0){
       $('#signup').submit(); // not working
      }
   });
});

Answer 1

进行验证，如果一切正常，则让它继续，如果不是，请调用preventDefault。

$(function(){
   $('#submit').click(function(e){

      if ... // validation done here

      if(error === 1){
       e.preventDefault();
       ...
      }
   });
});

Answer 2

试试这个

 $(function(){
       $('#submit').click(function(e){

          if(..... ){// validation done here
          ....
          }
          if(error === 1){
             e.preventDefault();
          }
          else
          {
           $('#signup').submit(); // not working
          }
       });
    });

Answer 3

您可能更愿意处理submit - 事件：在这种情况下，您只需返回false即可阻止提交。

$(function(){
   $('form').submit(function(e){
      if(..... // validation done here
      ....
      if(error === 1){
         ....
      }
      return (error === 0);           
   });
});

jQuery表单不会提交阻止默认值

3 个答案: