Html5 form checkValidity() метод не найден

Я пытаюсь использовать метод формы 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()

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

Спасибо.

Ответы

Ответ 1

Пытаться:

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

Когда вы выбираете $('#profileform') вы получаете массив объектов jQuery. Чтобы получить доступ к фактическим свойствам DOM, вы должны выбрать первый элемент в массиве, который является необработанным элементом DOM.