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

【问题标题】：How to trigger validation without using a submit button如何在不使用提交按钮的情况下触发验证
【发布时间】：2023-03-21 09:06:01
【问题描述】：

我正在使用 jQuery 验证插件并尝试使用备用按钮触发验证/提交。我想创建一个将更改 css 的 jquery 函数，然后运行 validate 函数。我查看了以前回答的问题，但没有发现任何关于 Validation 插件和 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
                }
        }


});
   });

【问题讨论】：

标签： jquery ajax validation plugins

【解决方案1】：

你应该可以在你喜欢的任何元素上调用 valid：

$('selector').valid();

以下是一些参考资料：

http://docs.jquery.com/Plugins/Validation/valid

http://docs.jquery.com/Plugins/Validation/validate

【讨论】：

【解决方案2】：

您必须调用不带参数的validate 才能触发验证功能，如下所示：

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

【讨论】：