jQuery validation onblur

Sto cercando di ottenere la convalida di jQuery su una pagina Web che sto creando. Ho circa 6 diversi set di campi che contengono i dettagli della pagina. Sto usando questo come sto nascondendo e mostrando loro danno una migliore esperienza utente.

Ho il plugin che funziona come voglio ogni volta che provo a inviare la pagina e ogni volta che aggiungo un singolo carattere (quando una casella di testo richiede 2 o più caratteri) tuttavia voglio anche che la convalida abbia luogo onblur. Voglio informare immediatamente i miei utenti se non hanno soddisfatto le condizioni di convalida in modo che possano risolverli immediatamente e non debbano tornare indietro.

Qualcuno può dirmi cosa devo fare Sto usando il plugin * http://bassistance.de/jquery-plugins/jquery-plugin-validation/ .

Questo è il codice jQuery che ho scritto finora:

$("#aspnetForm").validate({ rules: { : { required: true, minlength: 2 } , : { required: true, minlength: 2 } , : { required: true, minlength: 8 } , : { required: true, email: true } , : { required: true } , : { required: true } , : { required: true } , : { required: true, minlength:1 } , : { required: true, minlength:5 } , : { required: true, minlength:2 } , : { required: true, minlength:2 } , : { required: true, minlength:4, maxlength:4 } , : { required: true, minlength:4 } , : { required: true, minlength:4 } , : { equalTo: "ctl00$ctl00$cpMain$cpLeft$Password" } , : { required: true } }, messages: { : { required: "Please enter your firstname", minlength: "Minimum length is 2 characters" }, : { required: "Please enter your lastname", minlength: "Minimum length is 2 characters" }, : { required: "Please enter your mobile", minlength: "Minimum length is 8 characters" } , : { required: "Please enter your date of birth" } , : { required: "Please enter your date of birth" } , : { required: "Please enter your date of birth" } , : "Please enter a valid email" , : { required: "Please enter your house number", minlength:"Please add at least 1 character" } , : { required: "Please enter your address", minlength:"Please add at least 5 characters" } , : { required: "Please enter your city", minlength:"Please add at least 2 characters" } , : { required: "Please enter your city", minlength:"Please add at least 2 characters" } , : { required: "Please enter your postcode", minlength:"Please add the 4 required characters", maxlength:"Only 4 characters are allowed" } , : { required: "Please enter your username", minlength: "Please add the 4 required characters" } , : { required: "Please enter your password", minlength: "Please add the 4 required characters" } , : { equalTo: "Passwords must match" } , : { required: "Please agree to the terms" } } }); 

Qualche consiglio?

    Non riesco a vedere nulla nei documenti che possano farlo. L’unico altro modo in cui posso pensare di farlo è.

     $('#field1, #field2, #field3').blur(function(){ validator.validate() }); 

    Diver Dan aveva ragione

     $('form').validate({ onfocusout: function (element) { $(element).valid(); }, rules: { name: 'required', from: 'required' }, messages: { name: 'Please enter your firstname', from: 'Please enter where are you from' } }); 

    Puoi anche usare la chiamata di elemento del validatore.

      $('form').validate({ onfocusout: function(element) { this.element(element); }, rules: { name: 'required', from: 'required' }, messages: { name: 'Please enter your firstname', from: 'Please enter where are you from' } }); 

    Basta impostare onkeyup = false

     $('form').validate({ rules: { name: 'required', from: 'required' }, onkeyup: false , messages: { name: 'Please enter your firstname', from: 'Please enter where are you from' } }); 

    Il codice Thia non attiverà la convalida onkeyup, ma su blur “lost focus” la convalida sarà triggersta, così come una volta che l’utente inizia a modificare il campo, il messaggio di convalida scomparirà. trovare altre personalizzazioni più interessanti su questo riferimento: https://jqueryvalidation.org/category/plugin/

     $('#frm').validate({ onkeyup: false, focusCleanup: true }); 

    provare:

     onkeyup: function (element, event) { $(element).valid(); // your code }