在 jQuery 对话框上单击“确定”后，使用 jQuery 对话框输入 - use jquery dialog input after clicking ok on jquery dialog

use jquery dialog input after clicking ok on jquery dialog

我想在按下 jquery 对话框确定按钮时使用 jquery 对话框输入框中的用户输入。

现在的问题是jQuery对话框后的代码也被执行，等待用户填写jQuery输入字段

<p id="text"> click me </p>
<div id="test" class="sandy" > 
    <input id="username" class="sandy1" />
</div>
$('#text').click(function(){
    $('.sandy').dialog({ 
     buttons: { 
    "OK": function() { 
     $(this).dialog('close'); 
    }}
    });
    var myvalue= $("#test").val();
    alert(myvalue);
})

您可以在此链接查看演示：http://jsfiddle.net/zCFD5/86/

请建议我一些方法来保留jQuery对话框，直到用户按下确定按钮，然后继续编写代码。

试试这个 JS：

$('#text').click(function(){
    $('.sandy').dialog({
        buttons: {
            "OK": function() {
                if($('#username').val() == '') {
                    $('#username').focus();
                } else {
                    var myvalue= $("#username").val();
                    $(this).dialog('close');
                    alert(myvalue);
                }
            }
        }
    });
});

编辑：我还更新了JSFIDDLE的代码，它工作正常：-）http://jsfiddle.net/zCFD5/96/