JQuery Отправить не отправить форму

У меня есть для этого я вношу с помощью этой кнопки:JQuery Отправить не отправить форму

<button id="registerButton" type="submit" name="submit" style="margin-left: 300px;">Click to Complete</button>

я делаю проверку с этим Jquery ошибка:

$('#registerButton').bind('click',function(){ 
    if($('#formElem').data('errors')){ 
      alert('Please correct the errors in the Form'); 
      return false; 
     } 
});

Когда я иду, подать форма будет отображаться с предупреждением, если в форме обнаружены ошибки. Однако, если ошибок нет, кнопка ничего не делает. Что я делаю не так?

источник

2012-03-14 Jeff Thomas

Привязать валидацию к приложению отправки формы.

$("#formid").submit(function(e) { 
    if($(this).data('errors')){ 
     //display error 
     e.preventDefault(); //stop the submit 
    } else { 
     //do something or nothing 
     //but it will submit the form 
    } 

});

источник

2012-03-14 22:44:53 Starx

Должно # form-element быть идентификатором кнопки отправки или идентификатором формы? –

@ Принц, из формы :) – Starx

К сожалению, это было многообещающе, однако оно не сработало, чтобы отправить форму. Есть ли инструмент, который я могу использовать, чтобы увидеть, где происходит ошибка, когда я нажимаю кнопку «Отправить», и ошибок нет? –

Похож, что вам нужно добавить else {return true;} к вашей функции.

источник

2012-03-14 22:39:46 SickHippie

Если ошибка == true срабатывает, что бы сделало заявление 'else'? – Gary

Я попытался добавить это, однако кнопка все еще ничего не делает. –

Просто для того, чтобы предоставить вам полный минимальный пример, который работает для меня, в firefox, internet explorer, chrome и opera. Надеюсь, это поможет.

<html> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> 
<script> 
    jQuery(document).ready(function(){ 

     $("#frm").submit(function(e){ 

      if($(this).data("errors")){ 
       alert("errors"); 
       return false; 
      } 
      return true; 
     }); 
    }); 
</script> 
</head> 
<body> 
    <form id="frm" action="#sent" data-errors="have errors"> 
     <input type="submit" /> 
    </form> 
</body> 
</html>

источник

2012-03-14 23:17:15 bubblez

JQuery Отправить не отправить форму

ответ

Смежные вопросы