Javascript 表单提交在coldfusion中通过AJAX传递时,在IE浏览器中提供空表单
我有两个Javascript 表单提交在coldfusion中通过AJAX传递时,在IE浏览器中提供空表单,javascript,jquery,html,ajax,coldfusion,Javascript,Jquery,Html,Ajax,Coldfusion,我有两个cfm页面,当我在Internet Explorer中通过AJAX从一个页面提交到另一个页面时,表单结构接收为空 它适用于所有其他浏览器,如Chrome和FF 本期适用于IE 9、10、11的所有版本 当我在没有AJAX调用的情况下提交表单时,它被提交了,我也得到了表单 有人能帮忙吗?下面是我的AJAX调用代码 $("form").submit(function() { //check if form fields are valid var isV
cfm
页面,当我在Internet Explorer中通过AJAX
从一个页面提交到另一个页面时,表单结构接收为空
它适用于所有其他浏览器,如Chrome和FF
本期适用于IE 9、10、11的所有版本
当我在没有AJAX调用的情况下提交表单时,它被提交了,我也得到了表单
有人能帮忙吗?下面是我的AJAX调用代码
$("form").submit(function() {
//check if form fields are valid
var isValid = validateDetails();
if (isValid) {
$('#tab1').html('<div style="margin-top:100px;" align="center">Loading ...<br/><br/><img src="/rpnet/images/ajax-loader.gif"/></div>');
$.post($(this).attr("action"), $(this).serialize(), function(data){
$("#tab1").html(data);
});
return false;
}
return false;
});
<form action="/rpnet/iStat/rmtconf-dev.cfm?type=4" method="post" enctype="multipart/form-data" name="editapplicant">
<input name="AP_NUMBER" type="hidden" value="<cfoutput>#URL.AP_NUMBER#</cfoutput>">
<ul id="threecolumn1" class="threecolumn">
<li>Name:</li>
<li>Address:</li>
<li>City:</li>
<li>State:</li>
<li>Zip:</li>
<li>Daytime Phone:</li>
<li>Home Phone:</li>
<li>Fax:</li>
<li>Email:</li>
<li>DOB:</li>
<li>SSN:</li>
<li>Policy / Claim #:</li>
</ul>
<cfoutput>
<ul id="threecolumn2" class="threecolumn">
<li><cfif SESSION.TESTMODE eq 1>#TEST_NAME#<cfelse>#GetApplicantInfo.AP_NAME#</cfif></li>
<li>#GetApplicantInfo.AP_PT_ADDRESS#</li>
<li>#GetApplicantInfo.AP_PT_CITY#</li>
<li>#GetApplicantInfo.AP_PT_ST#</li>
<li>#GetApplicantInfo.AP_PT_ZIP#</li>
<li>#GetApplicantInfo.AP_PT_DAYPHONE#</li>
<li>#GetApplicantInfo.AP_PT_PHONE1#</li>
<li>#GetApplicantInfo.AP_PT_FAX#</li>
<li>#GetApplicantInfo.AP_PT_EMAIL#</li>
<li><cfif SESSION.TESTMODE eq 1>#DateFormat(TEST_DOB,"mm/dd/yyyy")#<cfelse>#DateFormat(GetApplicantInfo.AP_DOB,"mm/dd/yyyy")#</cfif></li>
<li><cfif SESSION.TESTMODE eq 1>#TEST_SSN#<cfelse>#GetApplicantInfo.AP_SSN#</cfif></li>
<li><cfif SESSION.TESTMODE eq 1>#TEST_FILE_NUMBER#<cfelse>#GetApplicantInfo.AP_FILE_NUMBER#</cfif></li>
</ul>
</cfoutput>
<ul id="threecolumn3" class="threecolumn">
<li><input name="NAME" id="NAME" type="text" size="30"></li>
<li><input name="ADDRESS" id="ADDRESS" type="text" size="30"></li>
<li><input name="CITY" id="CITY" type="text" size="30"></li>
<li><input name="STATE" id="STATE" style="text-transform:uppercase;" onkeyup="this.value=this.value.replace(/[^a-zA-Z]/g,'');" type="text" size="5" maxlength="2"></li>
<li><input name="ZIP" id="ZIP" type="text" size="11" maxlength="10"></li>
<li><input name="DAYPHONE" id="DAYPHONE" type="text" size="30"></li>
<li><input name="PHONE" id="PHONE" type="text" size="30"></li>
<li><input name="FAX" id="FAX" type="text" size="30"></li>
<li><input name="EMAIL" id="EMAIL"type="text" size="30"></li>
<li><input name="DOB" id="DOB" type="text" size="30"></li>
<li><input name="SSN" id="SSN" type="text" size="30"></li>
<li><input name="POLICYNUM" id="POLICYNUM" type="text" size="30"></li>
</ul>
<ul>
<li><input class="submitButton" name="Submit" type="submit" value="Submit Changes"><input class="submitButton" name="Clear" type="reset" id="Clear" value="Clear All"></li>
<div style="clear:both;"></div>
</ul>
</form>
$(“表单”).submit(函数(){
//检查表单字段是否有效
var isValid=validateDetails();
如果(有效){
$('tab1').html('Loading…
');
$.post($(this.attr(“操作”),$(this.serialize(),函数(数据){
$(“#tab1”).html(数据);
});
返回false;
}
返回false;
});
- 姓名:
- 地址:
- 城市:
- 声明:
- 邮编:
- 日间电话:
- 家庭电话:
- 传真:
- 电邮:
- 出生日期:
- SSN:
- 保单/索赔:
- #测试名称##GetApplicationInfo.AP#u名称#
- #GetApplicationInfo.AP\u PT\u地址#
- #GetApplicationInfo.AP\u PT\u城市#
- #GetApplicationInfo.AP\u PT\u ST#
- #GetApplicationInfo.AP\u PT\u ZIP#
- #GetApplicationInfo.AP\u PT\u DAYPHONE#
- #GetApplicationInfo.AP\u PT\u电话1#
- #GetApplicationInfo.AP\u PT\u传真#
- #GetApplicationInfo.AP\u PT\u电子邮件#
- #日期格式(TEST_DOB,“mm/dd/yyyy”)#日期格式(getapplicationfo.AP_DOB,“mm/dd/yyyy”)#
- #测试SSN##GetApplicationInfo.AP#SSN#
- #测试文件号###GetApplicationInfo.AP(文件号)#
问题已经解决,但解决方案有点奇怪,
已从提交功能中删除记录加载代码,并且表单提交良好
代码如下:
$("form").submit(function() {
//check if form fields are valid
var isValid = validateDetails();
if (isValid) {
$.post($(this).attr("action"), $(this).serialize(), function(data){
$("#tab1").html(data);
});
return false;
}
return false;
});
为什么会发生这种情况?你能添加你的表单吗?请检查表单是否添加了itI我已经尝试了你的代码,甚至在加载代码时也能使用它。确保已为添加了代码。如果您仍然面临相同的问题,请提供id为tab1的元素(根据您的问题进行更新)。