Question

我有一个名为＆＃34; addressarr []＆＃34;的地址字段。用户可以拥有该地址的多个字段。

我想知道我是否可以检查所有addressarr []字段是否已填满。

这是我检查字段的代码。

 function check() {
    var cn = document.getElementById('clientname').value;
    var e = document.getElementById("clienttype");
    var ct = e.options[e.selectedIndex].value;
    var cp= $ ("[name=addressarr").val();

    //var cp = document.getElementById('contactperson').value;
    //var cu = document.getElementById('contactnumber').value;
    if (cn == "") {
        document.getElementById('errormsg').innerHTML = 'Please enter full name';
        $('#modalerror').modal('show');
    }else if (ct == "Select Client Type") {
        document.getElementById('errormsg').innerHTML = 'Please pick client type';
        $('#modalerror').modal('show');
    }else if (cp == "") {
        document.getElementById('errormsg').innerHTML = 'Please enter address';
        $('#modalerror').modal('show');
    }

这是我的HTML文件。

                          <div class= "form-group" id= "diva">
                        <label class="col-sm-1 control-label">Address</label>    
                        <div class="col-sm-5">
                             <p><input type=text class="form-control" rows="2" name="addressarr[]" id="addressarr[]" size="20" maxlength="45" value="<?php if (isset($_POST['addressarr']) && !$flag) echo $_POST['addressarr'][0]; ?>"/></p>
                        </div>
                          <input type="button" name="addaddress" class=" btn btn-default" id="adda" value="Add Address"/>
                      </div>

这是我的代码，当用户想要拥有多个字段时附加。

              $("#adda").click(function() {

              $("#diva").append('<p><div class="row" id= newp><div class="col-xs-12 col-md-12"><label class="col-sm-1 control-label"></label><div class="col-sm-5 ">  <input type=text class="form-control" rows="2" name="addressarr[]" id="addressarr[]" size="20 maxlength="45" value="<?php if (isset($_POST['addressarr']) && !$flag) echo $_POST['addressarr'][0]; ?>" />  </div> <input type="button" name="removeadd" class=" btn btn-danger" id="rema" value="Remove"/></div></div></p');   
             });

Answer 1

您可以使用filter功能根据任何条件选择元素。在你的情况下，这样的事情应该这样做：

var empties = $('input[name="addressarr[]"]').filter(
  function(){
    return $(this).val() == '';
  });
if(empties.length > 0){
    alert('empty fields'); //do whatever you need to do here
}

使用.val获取具有相同名称的字段的值

1 个答案: