Javascript 验证 HTML 表单中的 X 个字段

2023-12-25

我有一个表单,其中包含大约 10 个文本条目(用户、地址、电子邮件等;) 大约有 50 多个条目是数量条目(用户选择该条目的 2 倍,该条目的 5 倍)。

现在,我从其他人那里继承了这张表格(现在我有责任在客户要求时保持最新状态)。

我不想全部重写,但我想添加对数量字段的验证。

现在数量字段都被命名为不同的东西(b1,c55,d,12)

基本上我想写一个脚本(但不知道如何搜索这个,或完成这个)JS端,它会忽略我知道的标签(用户、地址、电子邮件等;)但检查其他是否是数字(空 - 未选择,或 1-99)


Apply a class到元素(我的代码使用一个类check)像这样:

<input type="text" name="b1" class="check" />

和下面的 jQuery 代码,它只会检查那些带有check class.

$('#myformid').submit(function(){
    $(':input.check').each(function(){
        field = $(this);
        valInt = parseInt(field.val()); // value as an integer

        if (isNaN(valInt) || (valInt < 1 || valInt > 99)) // displays an error if the val is < 1 or > 99
             alert('Error in the field ' + field.attr('name') + ': must be number from 1-99'); // change this to whatever you want the form to do if there's an error
    });
});

基本上,它的作用如下:提交表单时,它会遍历您想要的每个字段(表示为:input.class捕获具有正确类别的每个字段)并检查它是否 (a) 数字,以及 (b) 小于 1 或大于 99。如果它是数字且超出范围,则会向用户发出错误警报。您可以更改alert()通知您希望表单具有的任何错误管理。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Javascript 验证 HTML 表单中的 X 个字段 的相关文章

随机推荐