jquery - 如何使用 jquery 验证进行提交确认？

Question

我正在尝试使用此库进行简单的“是/否”提交验证 http://www.runningcoder.org/jqueryvalidation

HTML:

<form id="form" name="form" method="POST">
    <label>
        A
        <input name="a" type="text" data-validation="[NOTEMPTY]">
    </label>
    <label>
        B
        <input name="b" type="text" data-validation="[NOTEMPTY]">
    </label>
 <button id="submit" type="submit">Save</button>
                        </form>
                    <div id="evaluationConfirm" style="display:none" >
                        Are you sure?
                        <button id="submitConfirmFail">no</button>
                        <button id="submitConfirmOk">yes</button>
                    </div>

JS:

var myNode=null;
$(function () {
    $('form#form').validate({
        debug: true,
        submit: {
            callback: {
                onBeforeSubmit: function (node) {
                    $('button#submit').hide();
                    $('#evaluationConfirm').show();
                    myNode=node;
                },
                onSubmit: function (node) {
                }
            }
        }
    });


    $('#submitConfirmFail').click(function () {
        $('button#submit').show();
        $('#evaluationConfirm').hide();
    });
    $('#submitConfirmOk').click(function () {
        myNode[0].submit();
    });
});

这是我的代码 https://jsfiddle.net/vxv54qca/1/

如果我不使用 jquery 显示/隐藏功能，一切都会正确。

如果我在调用 form.submit() 时显示/隐藏提交按钮，我会收到错误:

“未捕获类型错误:myNode[0].submit 不是函数”

有什么想法吗？

Answer 1

myNode 可能为 null/未定义。

将点击事件中的实现更改为:

$('#submitConfirmOk').click(function () {
    $('form#form').submit();
});