jquery 대화 상자에서 ok를 클릭 한 후 jquery 대화 상자 입력 사용

Question

jquery 대화 상자의 ok 버튼을 눌렀을 때 사용할 jquery 대화 상자 입력 상자에서 사용자 입력을 사용하고 싶습니다. http://jsfiddle.net/zCFD5/86/

하십시오

이제 문제는 JQuery와 입력 필드를 기다리는 withought 실행 얻을 코드 후 JQuery와 대화 상자가이 link에서 데모를 확인하실 수 있습니다 사용자

<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); 
}) 

에 의해 작성되어야한다 사용자가 확인 버튼을 누른 다음 코드로 넘어갈 때까지 jquery 대화 상자를 유지할 수있는 방법을 제안합니다.

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/