jQuery submit() 事件中的 jQuery UI 对话框（我做得对吗？）

Question

我正在制作一个表格，该表格是否填充了USER_NAME输入字段。如果是则提示 jQuery UI 对话框。如果按下“是”，则答案将发送到变量 userOKWithIt，然后用于第二次调用 submit() 函数。

我这样做是因为我不希望用户能够使用 Firebug 控制台提交带有空 user_name 的表单（例如，将 ('form).submit() 写入它）。

这是正确的做法吗？我有一种感觉，我错过了一些重要的东西。我不喜欢存储用户答案的​​全局变量的想法。 代码如下：

var $dialog = $('<div></div>')
.html('<p>Are you sure you want to continue?</p>')
.dialog({
autoOpen: false,
resizable: false,
title: 'Continue anyway?',
buttons: {
    "Yes": function() {
        $( this ).dialog( "close" );
        userOkWithIt = true;
        $('form').submit();
    },
    No: function() {
        $( this ).dialog( "close" );
    }
}
});

var userOkWithIt = false;
$('form').submit(function(){    
if(!$('input[name="user_name"]').val()){
    //Don't submit because there is no user name written
    return false;
}else{
    $dialog.dialog('open');
    if(userOkWithIt){
        return true;
    }
}
});

Answer 1

老实说，我对你的目标有点困惑；你真的需要决定你想要保护多少受过教育的 js 程序员想要以你想要的方式提交你的表单。

---

编辑：另外，您应该查看 HTML5 必需输入：http://www.w3schools.com/html5/att_input_required.asp

可能最好的想法（我能想到的）是在用户说是时取消绑定您的提交事件。这样，表单将在没有任何全局布尔值的情况下提交。它还允许您简化提交事件处理程序以要求用户确认，然后返回 false。

现在，如果您只想将 userOkWithIt 变量移出全局范围，您可以使用闭包来完成。

这是一些未经测试的示例代码。 >>>

>>> var yesFunction; <<<

var $dialog = $('<div></div>')
    .html('<p>Are you sure you want to continue?</p>')
    .dialog({
        autoOpen: false,
        resizable: false,
        title: 'Continue anyway?',
        buttons: {
            "Yes": function() {
                $( this ).dialog( "close" );

                >>> yesFunction(); <<<

                $('form').submit();
            },
            No: function() {
                $( this ).dialog( "close" );
            }
        }
    });

>>> function() {                   <<<
>>> var userOkWithIt = false;      <<<

$('form').submit(function() {

    >>> yesFunction = function() { <<<
    >>>     userOkWithIt = true;   <<<
    >>> }                          <<<

    if(!$('input[name="user_name"]').val()) {
        //Don't submit because there is no user name written
        return false;
    } else {
        $dialog.dialog('open');
        if(userOkWithIt) {
            return true;
        }
    }
});

>>> }();                           <<<

希望它有所帮助。如果您需要任何澄清，请告诉我。我会尝试在接下来的几天内回来。