Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何在不使用提交按钮的情况下触发验证_Jquery_Ajax_Validation_Plugins - Fatal编程技术网

Jquery 如何在不使用提交按钮的情况下触发验证

Jquery 如何在不使用提交按钮的情况下触发验证,jquery,ajax,validation,plugins,Jquery,Ajax,Validation,Plugins,我正在使用jQuery验证插件,并试图用一个备用按钮触发验证/提交。我想创建一个jquery函数来更改css,然后运行validate函数。我查看了之前回答的问题,但没有发现任何关于验证插件和submitHandler函数的问题。有什么建议吗 问题更新:我想使用的按钮位于表单外部。使用位于表单外部的按钮提交和验证表单的最佳方式是什么 代码如下: $("#edit-button").click(function(event) { $('#postAccordion2').css('padding

我正在使用jQuery验证插件,并试图用一个备用按钮触发验证/提交。我想创建一个jquery函数来更改css,然后运行validate函数。我查看了之前回答的问题,但没有发现任何关于验证插件和submitHandler函数的问题。有什么建议吗

问题更新:我想使用的按钮位于表单外部。使用位于表单外部的按钮提交和验证表单的最佳方式是什么

代码如下:

$("#edit-button").click(function(event) {

$('#postAccordion2').css('padding-bottom', '0px');
$('#edit-button').css('display','none');
$("#applicant-form").validate({
    submitHandler: function(form) {
            $(form).ajaxSubmit({                  
                type: "POST",
                data: {
                    "firstName" : $('#firstName').val(),
                    "lastName" : $('#lastName').val()
                    },
                dataType: 'json',
                url: './includes/ajaxtest.php',
                error: function() {alert("doh!");},
                success: function() {alert("yippee!");},

    }    

  });

return false;   
   },
        errorPlacement: function(error,element) {
                        return true;
                },
        rules: {
            "firstName": {
                required: true,
                minlength: 1
                },  
            "lastName": {
                required: true
                }
        }


});
   });

您必须在没有参数的情况下调用
validate
来触发validate函数,如下所示:

$("#applicant-form").validate();

您应该能够对任何喜欢的元素调用valid:

$('selector').valid();
以下是一些参考资料: