Question

我正在使用jquery验证器插件。我需要验证一些具有某些条件的字段。我们该如何应用？

我有一个用户选择国家的表单..然后用户动态创建分支，现在我要验证，如果用户没有选择县，则提示选择国家，如果用户选择国家，则提示创建至少一个分支。

到目前为止我做了什么

如果用户创建任何分支，则存在计数分支的隐藏字段。但是在创建分支之后填充该字段，之前（在页面加载时）没有值，所以如果我验证该隐藏字段，那么它总是返回true。我该怎么办

这里是我使用的代码片段，但我知道必须有一个更好的方法来操纵以上所有..请建议我优化方式来做到这一点

<script type="text/javascript">
jQuery.metadata.setType("attr", "validate");

jQuery('#createForm').submit(function(){
        if(jQuery("#hasbranch").val()== 0 ){
            jQuery(".brancherror").html('Atleast one branch is necessary');
            return false;
        }
    });

var validator=jQuery("#createForm").validate({
               rules: { list of rules},
               messgae : { list of messages },                                
});
</script>

<form name="createForm" id="createForm">
<table>
<tr>
      <td>Select Country :</td>
      <td >
      <select name="country_id" id="country"  class="selectbox" onchange="return showBranch();"     title="Please select country" validate="required:true"  >
    <option value="" >Select Country </option>
    <?php foreach($this->country as $key => $country) { ?>
    <option value="<?php echo $country->id; ?>"<?php if ($country->id == $this->ad_data['country_id']) {?> selected="selected" <?php } ?> > <?php echo $country->name; ?></option> 
    <?php } // end of foreach ?>
      </select>
      </td>
  </tr>
  <tr>
      <td> //Here is link to add branch (via iframe) </td>
  </tr>    
  </table>
   <input type="hidden" value="<?php echo count($_SESSION['branches'])? 1: 0 ;?> name="hasbranch" id="hasbranch" />
   </form>

Answer 1

您可以在规则上使用depends来应用条件验证：

rules: {
    someField: {
       required: true,
       email: {
           depends: function(element) {
               // require someField to be a valid email only if the user checked 
               // to be contacted by email
               return $("#contactform_email:checked");
           }
       }
    }
}

jquery验证插件：验证某些条件

1 个答案: