将基于reactiveVars的附加验证添加到Jquery Validate(Meteor.js)

时间:2016-02-26 05:27:57

标签: javascript jquery validation meteor

我有一个表单,有一些常规的旧输入,然后是一些我希望用户点击的按钮(用reactiveVars控制)。如果表单已经过验证,我只希望表单提交并创建数据库实例,并且至少有一个按钮变量被单击为“true”。但是,我现在设置它的方式,我意识到如果没有正确填写输入,将不会调用“提交表单”。

事件处理程序:

Template.inquiry.events({
    'submit form': function(event, template) {
        event.preventDefault();
        var $form = template.$('#request-form');

        if(Template.instance().report.get() == true || Template.instance().consult.get() == true || Template.instance().contract.get() == true) {

            if ($form.valid()) {

                var name = event.target.name.value;
                var email = event.target.email.value;
 }
        else {
            $('#no-choice-error').removeClass('hidden');
        }
    }
});  

Jquery验证:

emplate.inquiry.onRendered(function(){
    $('#request-form').validate({
        rules: {
            name: {
                required: true,
                maxlength: 255
            },
            email: {
                required: true,
                email: true,
                minlength: 3,
                maxlength: 255
            }
    });
});

几乎从未被调用的用例是:

$('#no-choice-error').removeClass('hidden');

如何确保调用它?或者更好的是,将验证中的if(Template.instance().report.get() == true || Template.instance().consult.get() == true || Template.instance().contract.get() == true)规则与Jquery集成到其他输入中。

0 个答案:

没有答案