使用JS验证HTML表单中的多个字段
Validating multiple fields in an HTML form using JS
我有一个注册表单,其中有一些12个字段。我想验证这些字段中的数据。第一步是检查是否有字段为空。一种方法是使用Jquery获取每个字段并检查它是否为空。我计划创建一个var数组,并使用以下代码检查循环内每个字段的状态:
var input = new Array();
input[0] = $('.fullName')[0];
input[1] = $('.emailID')[1];
input[2] = $('.phno')[2];
input[3] = $('.userName')[3];
input[4] = $('.password')[4];
input[5] = $('.batch')[5];
input[6] = $('.nickname')[6]
input[7] = $('.enrno')[7];
input[8] = $('.dob')[8];
input[9] = $('.fromCity')[9];
input[10] = $('.currcity')[10];
input[11] = $('.interests')[11];
input[12] = $('.currComp')[12];
input[13] = $('.currDesig')[13];
现在我必须运行一个循环来获取值并检查是否有任何字段为空。我写这段代码是为了检查
for(i=0;i<14;i++)
if(input[i].val()=="")
{
// do my work
}
但问题是,最后15行代码是指向实际的HTML DOM元素,所以我不能使用input[I].val()直接访问值。有出路吗?
您只需要为需要验证的元素添加一个公共类,然后执行
var is_valid = $('.validate_these').filter(function() {
return $.trim(this.value) === "";
}).length === 0;
获取该类的所有元素,并根据值是否为空对它们进行过滤。如果没有空元素,则为有效
相关文章:
- 通过单击动态加载的表中同一行的另一个字段来更新一行的字段
- 添加和删除隐藏字段数组中的值,而不提交表单
- 单击鼠标,用MySQL数据填充html表单输入字段
- 带有条件字段的PHP表单
- 防止在输入字段上单击事件
- 高级自定义字段按单选按钮值排序
- 使用JQuery启用输入字段的单选框
- SmartyStreets:使用条件字段调整表单中已验证勾号的位置
- 组合功能以使用 Jquery 在一组单选按钮中显示输入字段和单选按钮
- 使只读字段不可单击
- 使用 JavaScript 进行 HTML 字段表单验证
- JavaScript 在不输入输入字段/表单的情况下传递输入
- JQuery 在动态添加输入字段时单击浏览,而 ajax 不起作用
- 我可以让时间选择器在输入字段中单击时触发吗?
- 将隐藏字段表单值传递给控制器
- 隐藏小视口中的字段,单击按钮再次显示
- 我可以给html文本字段表单中的元素提供相同的名称和id吗
- 在新行上显示输入字段(基于单选)
- 在文本字段(表单)后插入节点
- 动态生成的名称字段的单选按钮组验证