0

jQueryプラグインを使用してフォームを検証しようとしています。フォーム、国、州、都市に 3 つの通常の選択ボックスがあります。いつものように、国の選択ボックスはページの読み込み時に入力されます。2 つの連続する選択ボックスは、 onchangeAjax を使用して、それぞれの選択ボックスのイベントで設定されます。

<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>

次の jQuery コードは、フォームの送信を妨げる Ajax 呼び出しの後、常に 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