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

Question

我有一个注册表单，其中包含大约 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() 来访问该值。有什么出路吗？

Answer 1

您确实需要向需要验证的元素添加一个公共(public)类，然后执行

var is_valid = $('.validate_these').filter(function() {
                  return $.trim(this.value) === "";
               }).length === 0;

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