JQuery Validate плагин, как остановить форму Подавать с внешним обработчиком

Question

У меня есть глобальный скрипт для проверки форм с jqueryvalidation:

$("form").validate({ 
    submitHandler: function(form) { 
     $("body").append("<p>validate</p>"); 
     form.submit(); 
    } 
    }); 

В определенной форме мне нужно добавить еще один «второй» обработчик этой формы :

$("#myform").submit(function(){ 
    $("body").append("<p>other handler</p>"); 
    return false; 
    }); 

Почему return false; второго обработчика не блокирует форму отправки? Я также пробовал с preventDefault и stopProparation, но он не работает.

https://jsfiddle.net/brj7ttdn/5/

Answer 1

Вы можете попробовать preventDefault() правильно, как показано ниже:

$(function(){ 
    $("form").submit(function(event){ 
    $("body").append("<p>other handler</p>"); 
    event.preventDefault(); 
    }); 
}); 

Проверьте Fiddle.

Answer 2

Отключить событие нажатия кнопки, форма отправки также будет отключена. Изменить

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

в

$("button").click(function(e){ 

Если форма представить прессовой «ENTER», вы должны вызвать нажатие действие и прекратить действие Подавать с скриптом, как:

$("input").on("keypress", function(e){ 
    var keypress; 
    if(window.event) { // IE      
     keypress= e.keyCode; 
    } else if(e.which){ // Netscape/Firefox/Opera     
     keypress= e.which; 
    } 
    if (keypress == 13) { 
     e.preventDefault(); 
    } 
}) 

Answer 3

Могли бы вы возможно, удалите глобальный субтитандлер и разрешите только конкретный запуск? Как это:

$(function(){ 

$("form").validate({ 
    submitHandler: function(form) { 
    $("body").append("<p>validate</p>"); 
    form.submit(); 
    } 
}); 

$('#myform').off('submit') 

$("#myform").submit(function(e){ 
    $("body").append("<p>validate</p>"); 
    $("body").append("<p>other handler</p>"); 
    e.preventDefault(); 
    }); 
}); 

Вы должны вызвать проверку из другого обработчика, а также, но это не может быть слишком болезненным, просто сделать form.valid() вызов

Answer 4

Вот является Working Fiddle И код как показано ниже.

$(function() { 

    $("form").validate({ 
    submitHandler: function(form) { 
     $("body").append("<p>validate</p>"); 

     if ($(form).data('has-customSubmit-event') === true) { 
     $(form).trigger('customSubmit'); // trigger your custom submit. 
     } else { 
     form.submit(); 
     } 
    } 
    }); 

    $('#myform').data('has-customSubmit-event', true); // add a pointer to say there is a custom handler for this form, 

    $("#myform").on('customSubmit', function(e) { 
    $("body").append("<p>other handler</p>");  
    //$(this).submit(); // if you want to submit this form. 
    }); 

}); 

Идея заключается в том, чтобы добавить указатель, говорящий для этой формы, если его действительным не делать плагин Передать то form.submit(); но запустить собственную логику, а затем либо представить или вы не представить.

Указатель я говорю это

$('#myform').data('has-customSubmit-event', true);

Теперь в плагине представить обработчик мы можем иметь, если чек говоря, если эта форма имеет специальный обработчик для выполнения, то сделать это, иначе представляет в форма.

if ($(form).data('has-customSubmit-event') === true) { 
    $(form).trigger('customSubmit'); // trigger your custom submit. 
} else { 
    form.submit(); 
} 

---

Кроме того, как вы добавляете плагин проверки $("form").validate({.. как это. Так что я узнал, что это вызовет событие отправки обработчика только для первой формы (не знаю почему, Fiddle With Issue).

Так, чтобы исправить это использовать each() функцию в цикле через все формы и связать плагин индивидуально, Example Fiddle