Ngăn không tập trung vào trường khi nó không xác thực

Question

Tôi thường sử dụng this jQuery validation plugin để xác thực biểu mẫu và hoạt động tốt. Thực sự hài lòng với nó, nhưng khi bạn nhấn Submit trên một biểu mẫu, nó sẽ tự động đặt trọng tâm vào trường không hợp lệ.

Trong dự án hiện tại, tôi có biểu mẫu rất dài và khi bạn nhấn nút gửi, cuộn của bạn sẽ chuyển đến trường (có thể vì nó được tập trung), nhưng khi biểu mẫu của tôi dài thì tôi nghĩ một chút khó chịu. Có ai biết làm thế nào tôi có thể vô hiệu hóa jQuery xác nhận từ tập trung vào các lĩnh vực đầu vào không hợp lệ.

Trân trọng!

Answer 1

Sử dụng tùy chọn focusInvalid và đặt nó vào false:

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

Working example here và Documentation here (tab tùy chọn)

Answer 2

1. Đến jQuery xác nhận tập tin tập tin của bạn (http://jquery.bassistance.de/validate/jquery.validate.js)
2. Sử dụng kiểm soát và F để tìm
3. Di .focus() trên đường dây 431.

Answer 3

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

trong trường hợp chúng ta đang sử dụng Validation cơ plugin để xác nhận

Answer 4

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