在JQuery对话框中提交HTML表单
在JQuery对话框中提交HTML表单
提问于 2011-04-07 22:19:40
我正在尝试转换现有的超文本标记语言表单，并使其显示在JQuery对话框中。我不确定如何更改代码，因此数据是在单击提交按钮后提交的。我的代码如下：
旧形式：
<form method="post" name="callbackrequest" id="ccallbackrequest" action="action.php" onsubmit="return validateThis(this)">
<button type="submit" class="submit">Submit Request</button>新表单：
buttons: {
"Submit": function() {
if ( bValid ) {
HERE GOES THE CODE!
$( this ).dialog( "close" );
}然后是新的表单：
<form class="center" method="post" name="callbackrequest" id="ccallbackrequest" action="??">
fields listed
no submit button
</form>我该如何处理这件事有什么建议吗？
回答 3
Stack Overflow用户
回答已采纳
发布于 2011-04-07 22:35:37
试试$('#ccallbackrequest').submit();。submit方法只提交选择器返回的任何表单。
Stack Overflow用户
发布于 2011-04-07 22:52:59
让我们更进一步……这是一个使用ajax提交表单的对话框！
<form id="modalform" style="display:none">
<input type="text" name="something">
<input type="text" name="somethingelse">
</form>
$("#modalform").dialog({ //Shows dialog
height: 250,
width: 450,
modal: true,
buttons: {
"Cancel": function() {
$( this ).dialog( "close" );
},
"Save": function() {
$.ajax({
url: "/url/to/submit", //
timeout: 30000,
type: "POST",
data: $('#modalform').serialize(),
dataType: 'json',
error: function(XMLHttpRequest, textStatus, errorThrown) {
alert("An error has occurred making the request: " + errorThrown)
},
success: function(data){
//Do stuff here on success such as modal info
$( this ).dialog( "close" );
}
}
});Stack Overflow用户
发布于 2011-04-07 22:35:23
你只需要输入
$("#FORM_ID").submit()页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5582593
复制相关文章
相似问题