0

ここに私のJavaScriptがあります:

jQuery.validator.addMethod("ChznCheck", function(val, elem) {
  return $(elem).val();
}, "Required before continuing");

jQuery.validator.setDefaults({
  errorElement: 'span',
  onkeyup: false,
  onclick: false,
  onfocusout: false,
  onsubmit: false,
  focusCleanup: true,
  ignore: [],
  rules: {
    "user[username]": {
      required: true,
      remote: {
        url: '/check_username',
        type: 'post',
        data: {
          username: function() {
            return $('#user_username').val();
          }
        }
      }
    },
    "user[state]": {
      ChznCheck: true
    }
  },
  messages: {
    "user[username]": "Username unavailable, please try again"
  }
});

$(function(){
  var $form, wizard;

  wizard = $('#registrationWizard').wizard();

  $form = $('#finalize-form');

  if ($form.length) {
    wizard.on('change', function(e, data) {
      log($form.validate().form());
      if (!$form.validate().form()) {
        return e.preventDefault();
      }
    }).on('finished', function(e) {
      return $form.submit();
    });
  }
})

私は燃料UXウィザード(http://exacttarget.github.io/fuelux/#wizard)を使用しており、Chosenライブラリ(http://harvesthq.github.io/chosen/)を使用して選択を「きれいに」していますボックス。何らかの理由で、ステップ 1 のすべてのフィールドへの入力を完了して [次へ] をクリックすると、すべてが適切に入力されているにもかかわらず、フォームがまだ失敗します。

私は基本的に、フォームを検証できるように選択してjQuery 検証プラグイン ( http://jqueryvalidation.org/ ) を使用しようとしていますが、成功していません。他の誰かがこの問題に遭遇しますか?

4

1 に答える 1