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的元素(根据您的问题进行更新)。