Php 在jquery对话框上单击ok后使用jquery对话框输入

我想在按下jquery对话框ok按钮时使用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);
})

单击我
​
$（'#text'）。单击（函数（）{
$（'.sandy'）。对话框（{
按钮：{
“OK”：函数（）{
$（this.dialog（'close'）；
}}
});
var myvalue=$（“#测试”）.val（）；
警报（myvalue）；
})

您可以在以下位置查看演示：

请给我一些建议，让我保持jquery对话框，直到用户按下ok按钮，然后再继续编写代码。

试试这个JS：

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

编辑：我还更新了JSFIDLE上的代码，效果很好：-）