Question

我正在尝试将规则分配给另一个表单验证表单上的字段。我正在验证的表单是一个模态，并添加到主页面（下面）中的表单。它添加的那些元素需要使用下面的表单中的规则进行检查。

所以，我希望模态中的表单能够做到这样的事情：

$('#modal_form').validate({
    submitHandler: function(form) {
        // Add elements

        // Add rules to the new elements to be processed by the other form
        $('#element_I_add_to_form_below_modal').rules('add', {
                run_this_rule: true
        });
   }
});

可以解决的问题是如何将规则应用于对此表单下方表单的验证。

类似的东西：

 var master_form = document.forms.parent_form;  
 var new_element = $('#new_element');
 master_form.new_element.rules('add', {
    run_this_rule: true
});

Answer 1

这是基本的。

我在主页面上的脚本中调用了一个函数，该函数在当前表单验证过程结束时进行了规则分配。

因此，模态形式调用一个函数：

$('#modal_form').validate({
    submitHandler: function(form) {
        // Add elements

        add_to_main_form('element_I_add_to_form_below_modal');
    }
});

主页面中的脚本将规则添加到正确的表单中：

function  add_to_main_form(name){
    // Add rules to the new elements to be processed by the other form
    $('#' + name).rules('add', {
            run_this_rule: true
    }); 
}

jQuery验证为多个表单中的元素分配规则

1 个答案: