使用JS验证HTML表单中的多个字段

Validating multiple fields in an HTML form using JS

本文关键字：字段 表单 JS 验证 HTML 使用      更新时间：2023-09-26

我有一个注册表单，其中有一些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;

获取该类的所有元素，并根据值是否为空对它们进行过滤。如果没有空元素，则为有效

相关文章：