Question

我有一个表单，有大约10个文本条目（用户，地址，电子邮件等;）以及大约50多个数量条目的条目（用户选择此项目的2倍，此项目的5倍）。

现在我从其他人那里继承了这个表格（现在我有责任在客户要求时更新它）。

我不想重写所有内容，但我想为数量字段添加验证。

现在，数量字段都被命名为不同的东西（b1，c55，d，12）

基本上我想写一个脚本（但不知道如何搜索这个，或者完成这个）JS方面，那会忽略我知道的标签（用户，地址，电子邮件等;）但检查是否其他是数字（空白 - 未选中，或1-99）

Answer 1

将class应用于元素（我的代码使用类check），如下所示：

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

以及以下jQuery代码，它只检查具有check类的那些元素。

$('#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()通知更改为您希望表单具有的任何错误管理。

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

1 个答案: