gpt4 book ai didi

javascript - 如何使用 JQuery 执行输入标签的 HTML5 验证?对这种情况的一些疑惑

转载 作者:行者123 更新时间:2023-11-29 18:02:04 24 4
gpt4 key购买 nike

<分区>

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

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com