2015-01-24 23 views
5

Ho un modulo html. sto convalidando il mio modulo usando jquery.validate.js e funziona su submit event. Voglio convalidare questo modulo prima di essere licenziato.Convalidare il modulo prima di inviare jquery

Come per la mia R & D ho provato:

$('#my-form').on('before-submit',function(){ 
    alert('Before submit performed'); 
}); 

voglio per convalidare forma Appena prima di sparare pubblica un evento. Qualcuno può dirmi come si fa?

Molte grazie,

M

+1

Il plugin fa già tutto questo. Per favore spiega meglio cosa sta succedendo per farti pensare che hai bisogno di un altro evento. Si prega di mostrare il codice di convalida insieme a qualsiasi altro codice necessario per riprodurre il problema. – Sparky

+0

L'OP dichiara di voler convalidare il modulo _before_ submit, dove il plug-in di convalida si convalida solo su submit. – ProfK

risposta

18

È possibile simulare il comportamento plugin per jQuery di default come segue:

prova se il form è valido; se non impedire l'azione predefinita che si verificano utilizzando preventDefault():

$(document) 
.on('click', 'form button[type=submit]', function(e) { 
    var isValid = $(e.target).parents('form').isValid(); 
    if(!isValid) { 
     e.preventDefault(); //prevent the default action 
    } 
}); 

EDIT: questo è utile se si vuole mettere a punto il test di convalida vale a dire la convalida alcuni controlli condizionale.

+1

L'OP ha dichiarato che sta utilizzando il plug-in di convalida jQuery. Questo plugin si occupa già di questo automaticamente per impostazione predefinita. – Sparky