Html5表单 checkVality()方法未找到

我正在尝试使用 form 方法 checkVality ()。

Http://html5test.com/ 告诉我,我的浏览器(Chrome)支持表单级 checkVality 方法。

然而,使用 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()

我做错了什么?

83290 次浏览

试试:

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

当您选择 $('#profileform')时,您将得到一个 jQuery 对象数组。要访问实际的 DOM 属性,必须选择数组中的第一个项,即原始 DOM 元素。

@ robertc 的答案是完美的。无论如何,我只是添加了另一种使用 jQuery 的 .get([index])函数的方法。它还检索给定索引的 DOM 元素,如果没有声明索引,则检索所有匹配的 DOM 元素。

最后,它完全一样,只是写得有点冗长:

$('#profileform').get(0).checkValidity()

把文件留在这里: https://api.jquery.com/get/