Javascript表單驗證在IE中不起作用

Question

我有一個非常小的表格和一個JavaScript來驗證它。 它檢查的唯一字段是電子郵件地址，以查看其是否有效。

當我在Chrome中使用表單時，腳本會按預期工作（提交表單，除非電子郵件無效）

當我在IE9中加載頁面時，無論電子郵件字段是否填寫，表單都不會提交。

查看IE中的調試控制台，我遇到的錯誤是：

“屬性'submitData'的值為null或未定義，不是Function對象”

我的表格如下所示：

<form id="contactform" action="http://localhost/test/wp-content/themes/mytheme/enquiry/enquiry-handler.php" enctype="multipart/form-data" method="POST" onsubmit="return validateForm()">
<label for="email">Shipping From?</label>
<select name="from" class="quoteboxSelect">
<option value="0">Please Choose</option>    
<option value="51\">United Kingdom<option value="52\">France<option value="53\">Germany<option value="54\">Afghanistan</select><br/ >
<label for="to">Shipping To?</label>
<select name="to">
<option value="0">Please Choose</option>
 <option value="51\">United Kingdom<option value="52\">France<option value="53\">Germany<option value="54\">Afghanistan</select><br/ >

<label for="what">Shipping What?</label>
<select name="what">
<option value="0">Please Choose</option>
<option value="26\">Excess Baggage<option value="27\">International Removal<option value="28\">Car Shipping<option value="29\">Freight</select><br/ >
<label for="email">Email:</label><br/>
<input name="email" size="20" /><br/>
<button class="" onClick="submitData();" value="Send request">Get Quote</button>

</form>

和我的JavaScript看起來像這樣：

<script>
function validateForm()
{
var x=document.forms["contactform"]["email"].value;
var atpos=x.indexOf("@");
var dotpos=x.lastIndexOf(".");
if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length)
  {
  alert("Please enter a valid email address!");
  return false;
  }
return true;
}
</script>

誰能建議我該如何解決？

謝謝 ：）

Answer 1

似乎表單已從使用綁定到Submit按鈕的javascript函數更改為使用了綁定到表單本身的Submit處理程序的驗證方法。

嘗試更改：

<button class="" onClick="submitData();" value="Send request">Get Quote</button>

至

<button  type="submit" value="Send request">Get Quote</button>

Answer 2

因此，您的問題是您的<input name="email" id =“ email” size="20" />應該具有id=屬性。

我如何發現問題：

• 我創建了一個jsfiddle進行測試： http : //jsfiddle.net/4Zz4y/
• 在IE中將其運行，並將瀏覽器模式設置為IE9（ F12 ）
• 然后我看到錯誤SCRIPT5009: 'submitData' is undefined在F12控制台中SCRIPT5009: 'submitData' is undefined 。
• 然后我發現了這個問題： 對象＃<HTMLFormElement>的屬性“ submit”不是一個函數