jQuery:带有选择和步骤向导的表单验证插件

时间:2013-10-10 17:40:16

标签: jquery jquery-validate jquery-chosen fuelux

这是我的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),我正在使用选择的库(http://harvesthq.github.io/chosen/)来“美化”我的选择框。出于某种原因,当我完成填写步骤1中的所有字段并单击“下一步”时,表单仍然会失败,即使所有内容都已正确填写。

我基本上只是尝试使用jQuery验证插件(http://jqueryvalidation.org/)以及选择能够验证我的表单,但是没有成功。其他人遇到这个问题?

1 个答案:

答案 0 :(得分:0)

找到了jQuery Validation Plugin的拉取请求:https://github.com/jzaefferer/jquery-validation/pull/452