如何避免在单击“取消”按钮时调用Jquery Validate？

Question

单击“仅提交”按钮，我想验证表单。 但是，点击取消按钮也会调用它？

这是我的代码

jQuery(document).ready(function()
{
        $('#pacinsertform').validate(
        {
                rules:
                {
                        pacname:
                        {
                                required: true
                        }
                },
                messages:
                {
                        pacname:
                        {
                                required: "NAME required",
                        }
                },
                highlight: function(element)
                {
                        $(element).parent().addClass('error')
                },
                unhighlight: function(element)
                {
                        $(element).parent().removeClass('error')
                },
                submitHandler: function(event, validator)
                {
                        if ($("#pacinsertform").valid())
                        {
                                ajaxInsertPac();
                                return false;
                        }
                }
        });
});

function ajaxInsertPac()
{
        alert('ajax call heer');
        return false;
}

这是我的小提琴

http://jsfiddle.net/Luf0ks9b/32/

您能否提前告诉我如何解决此问题。

Answer 1

添加此项将解决问题

$(".pacinsertcancel").click(function(e){
    e.preventDefault();
});

JSFiddle链接：http://jsfiddle.net/umarmw/Luf0ks9b/33/