jQueryのダイアログの問題

Question

を提出した私はこのようなネストされたフォームとjqueryのダイアログがあります。

<!-- Store Location Dialog --> 
     <div id = "changeDialog"> 
      <form id = "form" method = "post" action = "Default.aspx" \> 
       <input type = "text" id = "changeText" name = "changeLocation" /> 
       <input type = "button" id = "changeStoreDialogSubmit" value = "" onclick = "dialogSubmitForm()"/> 
      </form> 
     </div> 

ボタンがクリックされたときに起こりうる2件のインスタンスがあります。 1つのインスタンスにはページの読み込みが必要で、もう1つのインスタンスには読み込まれません。私は非ページロードのインスタンスが正しく動作していますが、もう1つは正しく動作していません。ここで私が持っているdialogSubmitForm()方法であって、

function dialogSubmitForm() { 

    if (!placeHolderVisibility) { 

     $('#changeStoreDialogSubmit').submit(); 
    } 
    else/
    { 
     //Working code 
    } 
} 

そして、ここでダイアログです：私はページをテストする場合

function createDialog() { 
    //Creates a new dialog 
    $('#changeDialog').dialog({ 
     resizable: false, 
     title: '<span class="ui-icon ui-icon-home"></span> Enter Info', 
    }); 
} 

は私が$('#changeStoreDialogSubmit').submit();取得ヒットを見ることができますが、ページのロードは決してありません。なぜこれが起こるのだろうか？

Answer 1

あなたはフォームを送信ボタン、formに.submit()をコールする必要はありません。

function dialogSubmitForm() { 

    if (!placeHolderVisibility) { 

     $('#form').submit(); 
    } 
    else 
    { 
     //Working code 
    } 
} 

Answer 2

submit()方法だけform要素に呼び出すことができます。これに

$('#changeStoreDialogSubmit').submit(); 

：言われていること

$('#form').submit(); 

、私はあなたがあなたのアプリケーションのためのASP.NETを使用していることを収集し、あなたのフォームは、あなたがこれを変更する必要があるので、formのIDを持っていますformタグがネストされていないことを確認する必要があります。これは、Webフォームがデフォルトでページ上にformタグを投げるためです。