<分区> 分区>
我是 JQuery 的新手,我发现在验证 HTML5 输入标签时遇到了一些困难。
因此,在我的页面中我有以下输入标签:
<input id="variazioneAnticipo" class="rightAlligned form-control" style="width:50%" type="number" step="0.01" />
和这个按钮:
<button id="variaAnticipoButton" type="button" class="btn btn-primary" onclick="validaProgetti()">Varia anticipo</button>
单击此按钮时,将执行以下 JQuery 脚本,该脚本必须执行 vi JavaScript 之前输入字段的验证(插入的值必须是十进制数,而不是例如字符串) .
$("#variaAnticipoButton").click(function() {
alert("Variazione Anticipo");
alert($('#variazioneAnticipo').checkValidity());
});
这里我遇到了问题,因为之前的 JQuery 脚本无法运行,在 FireBug 控制台中我收到了这条错误消息:
TypeError: $(...).checkValidity is not a function
alert($('#variazioneAnticipo').checkValidity());
但通过 JavaScript 似乎可行,以这种方式:
document.getElementById('variazioneAnticipo').checkValidity();
我认为这可能取决于 checkValidity() 不是 $('#variazioneAnticipo') JQuery 选择器返回的对象的函数,而是只有纯 JavaScript document.getElementById('variazioneAnticipo') 选择器。
是我遗漏了什么吗?我认为两者都返回具有特定 ID 的 HTML 元素,并且 checkValidity() 函数适用于此 HTML 对象,无论它是使用 JQuery 还是纯 JavaScript 检索的。但似乎并非如此。我错过了什么?
如何在我的代码中使用 JQuery 而不是纯 JavaScript 执行 HTML5 验证?