表單提交問題（第一次頁面加載錯誤）

我在使用表單將數據插入本地數據庫時遇到問題。無論什麼原因，第一次點擊提交按鈕時會彈出一個「錯誤加載頁面」消息並且表單頁面刷新，但是如果我將信息重新輸入表單並再次單擊該按鈕，數據將被輸入到數據庫中並且頁面移動到#MoneyOrdersMain的正確位置。我很困惑，可能會導致這種情況。任何幫助，將不勝感激。尤其是什麼會導致表單不第一次提交？表單提交問題（第一次頁面加載錯誤）

的形式爲：

<form method="post" id="moneyorder_form" name="moneyorder_form" onsubmit="MOsubmit()"> 
      <!-- onsubmit="closeSelf()"> --> 
      <div class="ui-grid-a"> 
       <div class="ui-block-a"> 
        <p style="text-align: center; display: inline"><b>Number</b></p> 
        <p> 
         <input type="number" required="required" step="1" id="moCNumber" name="moCNumber"> 
        </p> 
       </div> 
       <div class="ui-block-b"> 
        <p style="text-align: center; display: inline"><b>Amount</b></p> 
        <p> 
         <input type="number" required="required" min=".01" step=".01" id="moCAmount" name="moCAmount"> 
        </p> 
       </div> 
       <br /> 
      </div> 
      <div class="ui-grid-solo"> 
       <div class="ui-block-a"> 
        <input type="submit" data-role="button" value="Add" /> 
       </div> 
      </div> 
    </form>

MOsubmit（）函數：

function MOsubmit() { 
insertMoC($('#moCNumber').val(), $('#moCAmount').val(), "MoneyOrder"); 
$.mobile.changePage('#MoneyOrdersMain'); 
location.reload(true); 
} 

function insertMoC(moCNumber, moCAmount, moCType) { 
db.transaction(function (tx) { 
    tx.executeSql('INSERT INTO MoneyOrderChecks (moCNumber, moCAmount, moCType) VALUES (?, ?, ?)', [moCNumber, moCAmount, moCType]); 
}); 
}

來源

2013-04-08 EzAnalyst

MOsubmit有哪些功能？ – 2013-04-08 16:28:06

我將它用作表單提交的功能，將表單中的信息插入到數據庫中，並將用戶重定向到新頁面，以便他們可以看到數據庫中顯示的信息。 – EzAnalyst 2013-04-08 16:30:45

什麼是'insertMoC（）'？ – 2013-04-08 16:31:50

我相信我已經想通了什麼樣的問題是萬一別人一部分運行到這一相同類型的問題。我正試圖調用的頁面#MoneyOrdersMain作爲我的表單提交功能的一部分，它是持有表單的頁面的父頁面。當表格首次提交時，這似乎造成問題。由於MOsubmit函數包含表單頁面的刷新，因此#MoneyOrdersMain不再是「父級」，並且可以接受表單數據。一切正常，現在我已經在表單提交功能中將用戶重定向到除#MoneyOrdersMain以外的頁面。然而，#MoneyOrdersMain是我最終希望用戶在表單提交後最終結束的地方，因此這是我的下一個挑戰。

來源

2013-04-08 20:57:17 EzAnalyst

表單提交問題（第一次頁面加載錯誤）

回答

相關問題