2015-04-01 27 views
1

我有兩個cfm頁面,當我通過Internet Explorer中的AJAX從一個頁面提交到另一個頁面時,表單結構被接收爲空。表單提交在IE瀏覽器中通過AJAX在ColdFusion中傳遞時提供空格式

它適用於所有其他瀏覽器,即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> 
+0

請問您可以添加您的表格嗎? – 2015-04-01 05:42:18

+0

請檢查表格是否添加了它 – Mitali 2015-04-01 05:57:28

回答

0

的問題解決了,但解決的辦法是有點怪異, 已刪除的記錄:從提交功能加載代碼和表單提交的罰款。

下面是代碼:

$("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; 
}); 

爲什麼會出現這種情況的任何想法?

+1

我已經試過你的代碼,它的工作甚至與加載代碼。確保已添加[防止表單的默認行爲](http://api.jquery.com/event.preventdefault/)的代碼。如果您仍面臨同樣的問題,請提供id爲tab1的元素(在您的問題上更新它)。 – lambypie 2015-04-01 09:05:42

相關問題