preventDefault о представлении формы

Question

Я хотел бы запустить функцию на моей форме представить (утвердите рамках Фонда):

$($newsletter).on('formvalid.zf.abide', function(ev) { 
    ev.preventDefault(); 
    alert('validate!'); 
    openRevealNewsletter(this.getAttribute('action')); 
}); 

Я мое уведомление, когда моя форма действительна, но мой preventDefault() не работает , Моя форма была отправлена ​​:(

Answer 1

Intercept Подавать с submit события.

$($newsletter).on("submit",function(e) { 
    e.preventDefault(); 
    console.log("submit intercepted"); 
    return false; 
}); 
$($newsletter).on("forminvalid.zf.abide", function(e,target) { 
    console.log("form is invalid"); 
    //show error messages 
}); 
$($newsletter).on("formvalid.zf.abide", function(e,target) { 
    console.log("form is valid"); 
    //process form 
    openRevealNewsletter(this.getAttribute('action')); 
}); 

Answer 2

Пожалуйста, попробуйте следующее:

$($newsletter).on('formvalid.zf.abide', function(ev) { 
    alert('validate!'); 
    openRevealNewsletter(this.getAttribute('action')); 
    return false; 
}); 

Это остановит форму пост на ложном возвращаемого значения

При использовании return false, автоматически он делает 3 отдельные вещи. когда вы это называете:

1.event.preventDefault();

2.event.stopPropagation();

3.Stops callback execution and it returns immediately when callback are called.

Answer 3

прежде всего легкий способ сделать эту работу, это использовать

<button type="button">submit</button> 

вместо

<button type="submit">submit</button> 

представить форму программно в использовании сценария Java

 document.getElementById("FormID").submit(); 

это предоставит вам r, когда вы вызываете этот скрипт, также предотвратите дефолт, не потребуется, как только вы замените submit с кнопкой в ​​кнопке отправки