<分区>

我是 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 验证?


评论关闭
IT干货网

微信公众号号:IT虾米 (左侧二维码扫一扫)欢迎添加!