Jquery验证,在submitHandler()中单击了Get按钮

Question

问

Jquery验证,在submitHandler()中单击了Get按钮

宁波慈城老朋友客栈发布于 2023-01-12 15:05

我有两个按钮在type='Submit'' 验证后,submitHandler我希望得到这些按钮中的哪一个被点击.

根据这个,我想禁用该按钮.

处理器

$("#add_customer").validate({
    rules: {
        name: {
            required: true
        },
        annual_sales_weight: {
            required: true,
            number: true
        }

    },
    errorClass: "help-inline",
    errorElement: "span",
    highlight: highlightJquery,
    unhighlight: Unhilight,
    submitHandler: function (form) {
        var btn = $(form).find('button');
        disable(btn)
        sendAjaxRequest(url,data=form.serialize());

    }
});

HTML

Sparky.. 5

你submit的表单上有两个按钮,所以当你到达submitHandler它时为时已晚.如果您想知道单击了哪个按钮,则必须提前捕获该事件.

将它们更改为两者,type="button"以便您可以控制提交.

然后添加这个......

$('button[name="add"], button[name="prospect"]').on('click', function (e) {
    e.preventDefault();
    if ($('#myform').valid()) {
        $(this).prop('disabled', 'disabled');
        $('#myform').submit();
    }
});

演示:http: //jsfiddle.net/etHcZ/

1 个回答

你submit的表单上有两个按钮,所以当你到达submitHandler它时为时已晚.如果您想知道单击了哪个按钮,则必须提前捕获该事件.

将它们更改为两者,type="button"以便您可以控制提交.

<button class="btn btn-primary" name="add" type="button">Submit</button>
<button class="btn btn-primary" name="prospect" type="button">Submit &amp; Add prospect</button>

然后添加这个......

$('button[name="add"], button[name="prospect"]').on('click', function (e) {
    e.preventDefault();
    if ($('#myform').valid()) {
        $(this).prop('disabled', 'disabled');
        $('#myform').submit();
    }
});

演示:http: //jsfiddle.net/etHcZ/

2023-01-12 15:07 回答

阿笨猫

撰写答案