自定义有效性JQuery

Question

我找到了教程，展示了如何使用javascript为表单的输入字段设置自定义错误。一个例子如下：

  document.getElementById('fname').setCustomValidity('Invalid'); 

但是，如果我尝试使用jquery，这似乎不起作用。一个例子如下：

$('#fname').setCustomValidity('Invalid');

我更喜欢使用JQuery，所以任何人都可以告诉我为什么这不起作用以及我如何在JQuery中做同样的事情。

Answer 1

setCustomValidity是原生 javascript方法。因此，获取原生javascript object，然后调用

$('#fname').get(0).setCustomValidity('Invalid');

<强>更新

  

那么为什么我总是使用JQuery时不必放置.get（0）。如果可能，你能解释得到（0）吗？

问题不在于您是否使用jQuery。相反，问题是您正在尝试调用本地 javascript 函数，该函数不存在jQuery个对象。这就是为什么使用get()将获得可以访问javascript函数的原生javascript DOM元素

Answer 2

试试这个：

$('#fname')[0].setCustomValidity('Invalid');