Javascript 为什么我的表单没有使用jQuery.submit()发布?
我正在开发一个允许用户向图书馆添加图书的系统。我正在使用一个jQueryUI对话框,并使用这个脚本的前半部分将大约20行插入到数据库中 然而,正如我在下半年突然添加的,帖子信息没有显示在发布的页面上,我完全不知道为什么 这应该是一个快速增加,变成了头痛 表格:Javascript 为什么我的表单没有使用jQuery.submit()发布?,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我正在开发一个允许用户向图书馆添加图书的系统。我正在使用一个jQueryUI对话框,并使用这个脚本的前半部分将大约20行插入到数据库中 然而,正如我在下半年突然添加的,帖子信息没有显示在发布的页面上,我完全不知道为什么 这应该是一个快速增加,变成了头痛 表格: <form id="addbookform" action="../models/Books/addBook_submit.cfm" method="POST"> <div style="display: none;"
<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>
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()
之前,上面的部分已经开始工作了。然而,现在它不再工作了
编辑:
该表格由以下人员发起:
(这很有效)在我看来,您正在将提交事件绑定到代码中其他地方的表单 因此,您可以尝试在不使用jQuery的情况下提交表单
$('#addbookform')[0]。提交();
或取消绑定表单中可能存在的任何事件
$('#addbookform').off().submit();
在我看来,您正在将提交事件绑定到代码中其他地方的表单
因此,您可以尝试在不使用jQuery的情况下提交表单
$('#addbookform')[0]。提交();
或取消绑定表单中可能存在的任何事件
$('#addbookform').off().submit();
我认为您的表单必须“可见”,才能发布元素。jQuery当然可以查看和访问所有元素,而不管css显示类型如何,但我相信“提交”操作要求发布到服务器的元素是可见的。我注意到您试图提交的所有表单元素都在一个DIV元素中,该元素的css属性为Display:none 我认为您的表单必须是“可见”的,才能发布元素。jQuery当然可以查看和访问所有元素,而不管css显示类型如何,但我相信“提交”操作要求发布到服务器的元素是可见的。我注意到您试图提交的所有表单元素都在一个DIV元素中,该元素的css属性为Display:none 您是否查看了控制台中的错误?什么是支票簿?@epascarello是的。没有。很抱歉,我没有提到这一点。@gdoron这是一个较长的脚本,它会调用ajax来检查该书是否已由其他用户存储在系统中。这篇文章没有达到目的,但在我开始制作它之前就已经工作了,现在也不工作了,即使我注释掉了调用和所有的函数checkBook()
。我没有发布它,因为它无关紧要。您是否查看了控制台中的错误?什么是支票簿?@epascarello是的。没有。很抱歉,我没有提到这一点。@gdoron这是一个较长的脚本,它会调用ajax来检查该书是否已由其他用户存储在系统中。这篇文章没有达到目的,但在我开始制作它之前就已经工作了,现在也不工作了,即使我注释掉了调用和所有的函数checkBook()
。我没有发布它,因为它无关紧要。