Question

我想在jquery对话框输入框中使用用户输入，以便在按下jquery对话框ok按钮时使用。

现在的问题是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);
})

您可以通过此link：http://jsfiddle.net/zCFD5/86/

查看演示

请建议我一些方法来保持jquery对话框，直到用户按下ok按钮，然后继续执行代码。

Answer 1

试试这个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/

在jquery对话框上单击“确定”后使用jquery对话框输入

1 个答案: