html5 форма checkValidity() метод не найден

Question

Я пытаюсь использовать метод формы checkValidity().

http://html5test.com/ сообщает, что мой браузер (Chrome) поддерживает метод проверки уровня формы.

Однако, используя jsfiddle http://jsfiddle.net/LcgnQ/2/ Я попытался следующий HTML и 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)}; 
}); 

Я получаю сообщение об ошибке: object has no method checkValidity()

Что я делаю неправильно?

Спасибо.

Answer 1

Try:

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

При выборе $('#profileform') вы получаете коллекцию узлов, чтобы получить доступ к DOM фактических свойств, которые вы должны выбрать первый.