如何使用 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 可能为空/未定义。

将点击事件中的实现改为：

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