2012-01-21 14 views
7

Używam jQuery Validator i chciałbym móc wyłączyć domyślne zachowanie skupienia.Wyłącz automatyczne ustawianie ostrości za pomocą jQuery validator

Dołączam nazwy pól jako wartości bezpośrednio w samych polach wejściowych (np. To, co widzisz na wejściu "szukaj" w prawym górnym rogu Przepełnienia stosu). Problem polega na tym, że kiedy przesyłając formularz, a pole jest oznaczane jako nieprawidłowe, automatycznie koncentruje się na polu, które usuwa wartość pola.

Może to być mylące dla użytkownika, ponieważ nie zna on przeznaczenia tego konkretnego pola. Czy istnieje sposób, aby wyłączyć to zachowanie?

podaję mój kod poniżej, w przypadku, który pomaga:

$(document).ready(function(){ 
    jQuery.validator.messages.required = ""; 
    jQuery.validator.addMethod("notEqual", function(value, element, param) { 
     return this.optional(element) || value !== param; 
    }, ""); 

    $("#quoteForm").validate({ 
     rules: { 
      firstName: { 
       required: true, 
       notEqual: "First name" 
      }, 
      email: { 
       required: function(element) {return $("#emailAdd").val() == '';}, 
       notEqual: "Email", 
       email: false 
      }, 
      phone: { 
       required: function(element) {return $("#phoneNum").val() == '';}, 
       notEqual: "Phone", 
       phoneUS: false 
      } 
     } 
    }); 
}); 
+0

Należy napisać swoje rozwiązanie jako odpowiedź i przyjąć ją jako prawidłową odpowiedź. – PetersenDidIt

Odpowiedz

9

znalazłem odpowiedź na to i po prostu chciał to zrobić tutaj:

ja po prostu potrzebne do korzystania focusInvalid: false. Odpowiedź

9

Skorzystaj Jeremy'ego tak:

$("#contactForm form").validate({ 
      focusInvalid: false, 
      rules: { 
       name: "required", 
       email: { 
        required: true, 
        email: true 
       }, 
       message: "required" 
      }, 
      messages: { 
       name: 'Fill in name', 
       email: 'Fill in email', 
       message: 'Fill in message' 
      }, 
      submitHandler: function(form) { 
       return SubmitContactForm(); 
      } 
     }); 
Powiązane problemy