jQuery Validate Plugin - ทริกเกอร์ตรวจสอบความถูกต้องของฟิลด์เดียว

ฉันมีแบบฟอร์มที่สามารถเลือกเติมล่วงหน้าผ่านการเชื่อมต่อ facebook เมื่อผู้ใช้เชื่อมต่อชื่อและอีเมลของพวกเขาจะถูกกรอกโดยอัตโนมัติปัญหาคือสิ่งนี้ไม่ได้ทำให้การตรวจสอบระยะไกลตรวจสอบว่ามีอีเมลอยู่แล้วหรือไม่

มีวิธีใดบ้างที่ฉันสามารถเรียกการตรวจสอบความถูกต้องในฟิลด์นั้นเพียงอย่างเดียว สิ่งที่ต้องการ:

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

จะเป็นความคิด ค้นหาเอกสารโดยไม่มีโชค

วิธีนี้ดูเหมือนจะทำในสิ่งที่คุณต้องการ:

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

ใช้Validator.element():

ตรวจสอบความถูกต้องขององค์ประกอบเดียวส่งคืนค่าจริงหากถูกต้องเป็นเท็จเป็นอย่างอื่น

นี่คือตัวอย่างที่แสดงใน API:

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

.valid()ตรวจสอบความถูกต้องของแบบฟอร์มทั้งหมดตามที่ผู้อื่นชี้ให้เห็น API กล่าวว่า:

ตรวจสอบว่าแบบฟอร์มที่เลือกถูกต้องหรือไม่หรือองค์ประกอบที่เลือกทั้งหมดถูกต้อง

ด้วยเหตุผลบางอย่างวิธีการอื่น ๆ บางวิธีไม่ได้ผลจนกว่าฟิลด์จะถูกโฟกัส / เบลอ / เปลี่ยนแปลงหรือมีการพยายามส่ง ... วิธีนี้ใช้ได้กับฉัน

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

ต้องขุดผ่านสคริปต์ jquery.validate เพื่อค้นหา ...

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

เมื่อคุณตั้งค่าการตรวจสอบของคุณคุณควรบันทึกออบเจ็กต์ตัวตรวจสอบความถูกต้อง คุณสามารถใช้สิ่งนี้เพื่อตรวจสอบความถูกต้องของแต่ละฟิลด์

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

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

- โพสต์ข้ามกับคำถามที่คล้ายกันนี้

หากคุณต้องการตรวจสอบความถูกต้องของฟิลด์แต่ละฟอร์ม แต่ไม่ต้องการให้ UI ถูกทริกเกอร์และแสดงข้อผิดพลาดในการตรวจสอบความถูกต้องคุณอาจพิจารณาใช้วิธี Validator.check () ซึ่งจะส่งคืนหากฟิลด์ที่กำหนดผ่านการตรวจสอบความถูกต้องหรือไม่

นี่คือตัวอย่าง

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

ในกรณีที่คุณต้องการทำการตรวจสอบ "บางองค์ประกอบ" (ไม่ใช่องค์ประกอบทั้งหมด) ในแบบฟอร์มของคุณคุณสามารถใช้วิธีนี้:

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

หวังว่าจะช่วยทุกคน :)

แก้ไข

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