Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript验证HTML表单中的X个字段数_Javascript_Jquery_Validation - Fatal编程技术网

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

Javascript验证HTML表单中的X个字段数,javascript,jquery,validation,Javascript,Jquery,Validation,我有一个表格,有大约10个文本条目,包括用户、地址、电子邮件等; 大约有50多个条目是数量条目,用户选择该项的2倍,该项的5倍 现在,我从其他人那里继承了此表单。现在,当客户请求时,我有责任使其保持最新 我不想全部重写,但我想为quantity字段添加验证 现在,数量字段都被命名为不同的东西b1、c55、d、12 基本上,我想写一个脚本,但不知道如何搜索这个,或完成这个JS端,这将忽略标记,我知道用户,地址,电子邮件等;但请检查其他数字是否为空-未选中,或1-99将类应用于元素我的代码使用的类检

我有一个表格,有大约10个文本条目,包括用户、地址、电子邮件等; 大约有50多个条目是数量条目,用户选择该项的2倍,该项的5倍

现在,我从其他人那里继承了此表单。现在,当客户请求时,我有责任使其保持最新

我不想全部重写,但我想为quantity字段添加验证

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

基本上,我想写一个脚本,但不知道如何搜索这个,或完成这个JS端,这将忽略标记,我知道用户,地址,电子邮件等;但请检查其他数字是否为空-未选中,或1-99

将类应用于元素我的代码使用的类检查如下:

以及下面的jQuery代码,它将仅使用check类检查这些元素


基本上,它是这样做的:当表单提交时,它会遍历您希望它表示的每个字段:input.class用正确的类捕获每个字段,并检查它是否是一个a数字,b是否小于1或大于99。如果它是一个数字并且超出范围,它会提醒用户一个错误。您可以将警报通知更改为您希望表单具有的任何错误管理。

是否可以向任何JavaScript库添加脚本引用?例如jQuery?引用js库有什么意义?我在这张表格上不用一个。但是如果有人想在他们的建议中使用一个,我会欢迎的。然而,我看不出它将如何澄清我的问题。@Jakub:我不是要求你澄清任何事情,只是要求那些可能有使用特定库的解决方案的人。@Josh Leitzel:但是,如果我不想定义每个名称?我有50多个条目,我不在乎它们的名字,我只想确保它们是1-99,或者是空的。由于这些值每周都会更改,我不想继续更新此脚本。所以我需要jQuery遍历所有表单元素?我将如何做到这一点?我所描绘的是像一个数组一样的循环,如果我不太清楚的话,忽略“已知”的电子邮件、第一封、最后一封等地址。很抱歉。您可以使用CSS类轻松完成您想要做的事情。我已经相应地编辑了我的答案。啊,聪明。我甚至没想过要按班级分组。非常感谢你!
$('#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
    });
});