jQuery Validate Plugin - Kích hoạt xác thực một trường

Tôi có một biểu mẫu có thể được điền trước tùy chọn thông qua kết nối facebook. Sau khi người dùng kết nối, tên và email của họ sẽ tự động được điền vào. Vấn đề là điều này không kích hoạt xác thực từ xa để kiểm tra xem email đã tồn tại hay chưa.

Có cách nào tôi có thể gọi xác thực trên trường đó một mình không? Cái gì đó như:

$('#email-field-only').validate()

sẽ là ý tưởng. Đã tìm kiếm thông qua các tài liệu mà không có may mắn.

Phương pháp này dường như làm những gì bạn muốn:

$('#email-field-only').valid();

Sử dụng Validator.element():

Xác thực một phần tử duy nhất, trả về true nếu nó hợp lệ, ngược lại là false.

Đây là ví dụ được hiển thị trong API:

var validator = $( "#myform" ).validate();
validator.element( "#myselect" );

.valid()xác thực toàn bộ biểu mẫu, như những người khác đã chỉ ra. API cho biết:

Kiểm tra xem biểu mẫu đã chọn có hợp lệ hay không hoặc liệu tất cả các phần tử đã chọn có hợp lệ hay không.

Vì một số lý do, một số phương pháp khác không hoạt động cho đến khi trường được lấy tiêu điểm / làm mờ / thay đổi hoặc gửi đã được thử ... điều này phù hợp với tôi.

$("#formid").data('validator').element('#element').valid();

Phải đào qua tập lệnh jquery.validate để tìm nó ...

$("#FormId").validate().element('#FieldId');

Khi bạn thiết lập xác thực của mình, bạn nên lưu đối tượng xác nhận. bạn có thể sử dụng điều này để xác nhận các trường riêng lẻ.

<script type="text/javascript">
var _validator;
$(function () {    
     _validator = $("#form").validate();   
});

function doSomething() {    
     _validator.element($('#someElement'));
}
</script> 

- đăng chéo với câu hỏi tương tự này

Nếu bạn muốn xác thực trường biểu mẫu riêng lẻ, nhưng không muốn giao diện người dùng được kích hoạt và hiển thị bất kỳ lỗi xác thực nào, bạn có thể xem xét sử dụng phương thức Validator.check () trả về nếu trường đã cho vượt qua xác thực hay không.

Đây là ví dụ

var validator = $("#form").data('validator');
if(validator.check('#element')){
    /*field is valid*/
}else{
    /*field is not valid (but no errors will be displayed)*/
}

trong trường hợp bạn muốn xác thực "một số phần tử" (không phải tất cả phần tử) trên biểu mẫu của bạn. Bạn có thể sử dụng phương pháp này:

$('input[name="element-one"], input[name="element-two"], input[name="element-three"]').valid();

Hy vọng nó sẽ giúp mọi người :)

ĐÃ CHỈNH SỬA

$("#element").validate().valid()