3

我想创建一个对象，其第一个属性是一个函数，该函数确定父对象访问哪个子对象。我的特定应用程序正在根据提交的表单类型更改使用的表单验证类型。

我在页面加载时收到的错误消息是：Uncaught TypeError: Cannot set property 'validate' of undefined

到目前为止，这是我的 Javascript（这是 JSfiddle：http: //jsfiddle.net/WJRwv/3/）：

var O={
  form:{
    voting:{
        validate: {}, success: {}
    },
    delete:{
        validate: {}, success: {}
    }
  }
};

O.form=function(formType){
  if(formType=='voting'){
    return O.form.voting;
  }
    else if(formType=='delete'){
    return O.form.delete;
  }
}

正下方的行导致错误

O.form.voting.validate=function($form){ //**THIS LINE IS CAUSING THE ERROR**
  if($form.validate().form()){ // this is a method from the jQuery validate plugin
    console.log('YES validates');
  }
  else {
    console.log('NOT valid'); return false;
  }   
}

$('input[type=submit]').click(function(){
  var formType=$(this).data('form-type'),
      $form=$(this).closest('form'),
      formType=O.form(formType);
      console.log('form type is:'+formType);
      formType($form); //this should call the O.form.voting.validate method
});

HTML：

<form>
  <input type="submit" data-form-type='voting' name='voting' value="1">
</form>

<form>
  <input type="submit" data-form-type='delete' name='delete' value="1">
</form>
4

4 回答 4

4

问题是你之前用一个函数覆盖o.form了，所以o.form.voting（连同你最初设置的其他东西）不再存在。

于 2012-10-09T15:29:50.503 回答
2

您的O.form对象文字被该O.form函数覆盖。反而...

var O = {
  form: function(formType) {
    if(formType=='voting'){
      return O.form.voting;
    }
      else if(formType=='delete'){
      return O.form.delete;
    }
  }
};

O.form.voting = {
  validate: {}, success: {}
};
O.form.delete = {
  validate: {}, success: {}
};
于 2012-10-09T15:32:12.647 回答
1

这导致了问题：

O.form=function

现在form已经没有voting房产了。

于 2012-10-09T15:30:35.853 回答
0

您可以做的是创建一个将表单映射到验证器设置的函数，jQuery 验证器允许每个表单有一个验证器，并会在提交表单时确定使用哪个验证器......

更新了 HTML...

<form data-form-type="voting">
  <input type="submit" name="voting" value="1"/>
</form>

<form data-form-type="delete">
  <input type="submit" name="delete" value="1"/>
</form>

更新了 JS...

var o = {};
o.setFormValidations = function(types) {
    // Loop through forms and attempt to map each form to an item in the passed
    // types argument
    $("form").each(function() {
        // Get the form type from the data attribute
        var type = $(this).data("form-type");
        // Add in the validator if there is a matching item in the passed
        // types arguments
        if(types[type]) {
            $(this).validate(types[type]);
        }
    });
};

// On document ready we run the function passing in the jQuery validator
// settings for each form type
$(function() {
    namespace.setFormValidations({
        "voting" : {
            rules: {},
            messages: {},
            submitHandler: function() {
                // Do something for a valid form
            }
        },
        "delete" : {
            rules: {},
            messages: {},
            submitHandler: function() {
                // Do something for a valid form
            }
        }
    });
});
于 2012-10-09T16:06:03.580 回答