爲什麼我的表單沒有使用jQuery .submit（）發佈？

我正在研究允許用戶將圖書添加到圖書館的系統。我正在使用jQuery UI對話框，並使用此腳本的前半部分將約20行插入到數據庫中。爲什麼我的表單沒有使用jQuery .submit（）發佈？

但是，正如我在下半年突然添加的帖子信息沒有顯示在發佈頁面上，我完全失去了原因。

這應該是一個快速添加，它變成了頭痛。

FORM：

<form id="addbookform" action="../models/Books/addBook_submit.cfm" method="POST"> 
<div style="display: none;" id="addBook" title="Add a Book to Your Library"> 
    <input type="hidden" id="InputType" name="InputType" value="Add"/> 
    <input type="hidden" id="bookempID" name="bookempID"/> 

    <label class="labelstyle" >ISBN:</label> 
    <input type="text" maxlength="17" id="ISBN" name="ISBN"> 

    <label class="labelstyle" >Title:</label> 
    <input type="text" maxlength="100" size="50" id="Title" name="Title">* 

    <label class="labelstyle">Author's First Name: </label> 
    <input type="text" maxlength="50" id="AFName" name="AFName"> 

    <label class="labelstyle">Author's Middle Name:</label> 
    <input type="text" maxlength="50" id="AMName" name="AMName"> 

    <label class="labelstyle">Author's Last Name:</label> 
    <input type="text" maxlength="50" id="ALName" name="ALName">* 

    <label class="labelstyle">Date Read:</label> 
    <input type="text" id="DateRead" name="DateRead"> 
</div> 
</form>

的Javascript：

function addBook() { 
    $("#addBook").dialog({ 
    autoOpen: true, 
    width: ($(document).width()*.55), 
    height: ($(document).height()*.7), 
    modal: true, 
    buttons: { 
       "Add Book": function() { 
          //checkBook(); 
          $('#addbookform').submit(); 
          }, 
       Cancel: function() { $(this).dialog("close"); } 
    } 
    }); 
}

上述片工作之前，我開始建設checkBook()。但是，現在它不再有效。

編輯：

形式由啓動： <input type="button" class="buttonstyle" value="Add Book" onclick="addBook()" /> （這工作）

來源

2013-02-07 mawburn

你有沒有看到控制檯的錯誤？ – epascarello

什麼是'支票簿'？ – gdoron

@epascarello是的。沒有。對不起，我沒有提到。 – mawburn

我認爲您的表單必須「可見」才能發佈元素。 jQuery無疑可以查看和訪問所有元素，而不管css顯示類型如何，但我相信「提交」操作需要將發佈到服務器的元素顯示出來。我注意到您嘗試提交的所有表單元素都在Display元素的css屬性中的DIV元素的內部：none;

來源

2013-02-07 18:43:36 Derrick

在我看來，你是一個結合事件提交到表單中的代碼別的地方。

所以，你可以嘗試提交沒有jQuery的表單。

$('#addbookform')[0].submit();

或者解除綁定任何可能在窗體中的事件。

$('#addbookform').off().submit();

來源

2013-02-07 18:32:15 neojp

爲什麼我的表單沒有使用jQuery .submit（）發佈？

回答

相關問題