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