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

您真的需要在需要验证的元素中添加一个公共类，然后执行

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

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

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

1 个答案: