html5 form checkValidity() phương thức không tìm thấy

Question

Tôi đang cố gắng sử dụng phương thức form checkValidity().

http://html5test.com/ cho tôi biết rằng trình duyệt của tôi (Chrome) hỗ trợ phương thức checkValidity cấp biểu mẫu.

Tuy nhiên, sử dụng jsfiddle http://jsfiddle.net/LcgnQ/2/ Tôi đã cố gắng html sau và đoạn javascript:

<form id="profileform" name="profileform"> 
    <input type="text" id="firstname" required> 
    <input type="button" id="testbutton" value="Test"> 
</form> 

$('#testbutton').bind('click',function(){ 

    try{ 
    alert($('#profileform').checkValidity()); 
    } 
    catch(err){alert('err='+err)}; 
}); 

tôi nhận được một lỗi: object has no method checkValidity()

Tôi đang làm gì sai?

Cảm ơn.

Answer 1

Hãy thử:

$('#profileform')[0].checkValidity() 

Khi bạn chọn $('#profileform') bạn sẽ có được một bộ sưu tập của các nút, để truy cập vào các thuộc tính DOM thực tế bạn phải chọn cái đầu tiên.