0

我正在尝试使用 jQuery 插件验证表单。我在表格上有三个常用的选择框，国家，州和城市。像往常一样，国家选择框在页面加载时填充。onchange在使用 Ajax 的各个选择框的事件上填充两个连续的选择框 。

<div>
  <label> Country<span style="color: Red;">*</span></label>
  <select id="cmb_country" name="cmb_country" validation="required" class="inputText" onchange="fillState(this.value,0);">
    <option value=''>Select</option>
    <?php $combo->combo("select country_id, country_name from country", 0);?>
  </select>
</div>
<div class="clear"> </div>

<div>
  <label> State<span style="color: Red;">*</span></label>

  <span id="stateList">                         
      <select id="cmb_state" name="cmb_state" validation="required" class="inputText" onchange="fillCity(this.value, 0);">
        <option value=''>Select</option>                                                
      </select>
  </span>
</div>
<div class="clear"> </div>

<div>
  <label> City<span style="color: Red;">*</span></label>
  <span id="cityList">                          
      <select id="cmb_city" name="cmb_city" validation="required" class="inputText">
        <option value=''>Select</option>                                                
      </select>
  </span>
</div>
<div class="clear"> </div>

在阻止提交表单的 Ajax 调用之后，以下 jQuery 代码总是返回 false。

var Form = function(form) {

    var fields = [];

    form.find("[validation]").each(function() {
        var field = $(this);

        if (field.attr('validation') !== undefined) {
            fields.push(new Field(field));
        }
    });
    this.fields = fields;
}
Form.prototype = {
    validate: function() {

        for (field in this.fields) {

            this.fields[field].validate();
        }
    },
    isValid: function() {

        for (field in this.fields) {
            if (!this.fields[field].valid) {

                this.fields[field].field.focus();
                return false;
            }
        }
        return true;
    }
}

如果不使用 Ajax，它运行良好，那么如何在使用 Ajax 填充所有选择框后使其工作？

4

0 回答 0