Verhindern Fokus auf Feld, wenn es Validierung fehlschlägt

Question

Ich verwende oft this jQuery validation plugin um Formulare zu validieren und es funktioniert gut. Sehr zufrieden damit, aber wenn Sie in einem Formular auf Senden klicken, wird der Fokus automatisch auf das ungültige Feld gesetzt.

Auf meinem aktuellen Projekt habe ich eine Form, die wirklich lang ist, und wenn Sie den Submit-Button drücken, springt Ihre Scroll zum Feld hoch (wahrscheinlich weil sie fokussiert wird), aber wenn mein Formular so lang ist, denke ich es ist ein bisschen nervig. Weiß jemand wie ich jQuery validieren kann indem ich den Fokus auf ungültige Eingabefelder setze.

Mit freundlichen Grüßen!

Answer 1

Verwenden sie die focusInvalid Option und setzen sie ihn auf false:

$("#abc").validate({ 
    focusInvalid: false 
}); 

Working example here und Documentation here (Optionen Registerkarte)

Answer 2

1. Gehen Sie zu Ihrer jQuery Validierung Datei Datei (http://jquery.bassistance.de/validate/jquery.validate.js)
2. Regel- und F finden
3. entfernen .focus() on line 431.

Answer 3

$('#frmTableDate').validationEngine({ focusFirstField: false }); 

falls wir Validation-Engine-Plugin verwenden

Answer 4

$("#myform").validate({ 
onfocusout: false, 
invalidHandler: function(form, validator) { 
    var errors = validator.numberOfInvalids(); 
    if (errors) {      
     validator.errorList[0].element.focus(); 
    } 
} 
});