加载后的页面与ajax表单提交不起作用

after load page with ajax form submition not work

本文关键字：ajax 表单提交 不起作用 加载      更新时间：2023-09-26

我的表单加载后提交页面使用ajax无法工作我的加载页面代码：

问题：将ajax表单加载为modalbox元素后

function account_list(url)
{
	$.ajax({
		type: 'get',
		url: url,
		beforeSend: function() {
			parsysm.loading(1);
		},
		success: function(data) {
			$('div#option-id-1').slideUp('slow', function(){
				$(this).html(data).slideDown('slow');
			});
		},
		error: function() {
			alert('Error Report!');
		},
		complete: function() {
			parsysm.loading(0);
		}
	})
}

和加载页面操作：

<form id="form-options-show" class="form-horizontal ">
 <div class="form-body">
<form id="form-options-show" class="fast-panel">
چینش&nbsp;&raquo;&nbsp;
<select class="inputcl1" name="order" size="1">
<option value="DESC"[desc] selected="selected"[/desc]>نزولی</option>
<option value="ASC"[asc] selected="selected"[/asc]>صعودی</option>
</select>
&nbsp;&nbsp;تعداد کاربران در صفحه&nbsp;&raquo;&nbsp;
<input name="total" class="inputcl1" type="text" style="width:25px;text-align:center" value="{total}" maxlength="3" />
&nbsp;&nbsp;جستجو&nbsp;&raquo;&nbsp;
<input name="search" class="inputcl1" type="text" style="width:150px" value="{search}" dir="ltr" />
[pages]
&nbsp;&nbsp;صفحه&nbsp;&raquo;&nbsp;
<select name="page" class="inputcl1" size="1">
[for pages]<option value="{number}"[selected] selected="selected"[/selected]>{number}</option>[/for pages]
</select>
[/pages]
&nbsp;&nbsp;
<input class="btn green" type="button" value="نمایش" onclick="account_list('{admin-page}&addon=account&'+parsysm.serialize('form-options-show'))" />
<input name="sort" type="hidden" value="{sort}" />
</form>

但加载页面后modalbox操作不起作用->模态框代码：

 <div class="modal fade" id="portlet-sms{id}" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
							<h4 class="modal-title">ارسال پیامک به {name-show}</h4>
						</div>
						<div class="modal-body">
                             <div id="sms-ajax{id}"></div>
                            <form id="sms-form{id}" onsubmit="sms_send({id});return false">
                            <input type="tel" name="singlesms[number]" value="{mobile}" class="form-control"  maxlength="11" placeholder="09-- --- -- --" disabled /><br>
                            <textarea class="form-control" name="singlesms[msg]" placeholder="متن خود را وارد نمایید"></textarea>
                            
						</div>
						<div class="modal-footer">
                        	<input type="submit" class="btn blue" value="ارسال پیام"  />
							
							<button type="button" class="btn default" data-dismiss="modal">بستن</button></form>
						</div>
					</div>
					<!-- /.modal-content -->
				</div>
				<!-- /.modal-dialog -->
			</div>

我不确定我是否清楚地理解您的问题，但似乎您正试图用数据中返回的新表单替换现有表单。

您需要在文档上编写侦听器，侦听表单并向其注册提交事件

$(document).on("submit", "form", callbackFunction());

我用ajax加载页面后的数据表单是：

<form id="sms-form17920" onsubmit="sms_send(17920);return false"></form>

此代码下的表单数据元素！！！

相关文章：