jquery – 如何触发验证而不使用提交按钮

前端之家收集整理的这篇文章主要介绍了jquery – 如何触发验证而不使用提交按钮前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用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
                }
        }


});
   });

解决方法

您应该能够根据您喜欢的任何元素调用有效值:
$('selector').valid();

这里有一些参考:

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

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

猜你在找的jQuery相关文章