Важная проверка формы Javascript не работает в IE

Question

У меня есть очень маленькая форма и javascript для ее проверки. Единственное поле, которое он проверяет, - это адрес электронной почты, чтобы узнать, действительно ли он.

Когда я использую форму в Chrome, скрипт работает как задумано (представляет форму, если электронная почта не является недействительной)

Когда я загрузить страницу в IE9, форма не будет подчиняться, независимо от того, является ли адрес электронной почты поле завершено или нет.

Глядя на отладочной консоли в IE, ошибка у меня есть:

«Значение свойства„submitData“является нулевым или не определено, а не объект функции»

Моя форма выглядит следующим образом :

<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

Он появится формой было изменено с помощью яваскрипта функции, связанной с кнопкой отправки, чтобы с помощью метода проверки, связанный с обработчиком представить для самой формы.

Попробуйте изменить:

<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 = "электронная почта"size="20" /> должен иметь атрибут id=.

Как я нашел проблему:

• Я создал jsfiddle, чтобы проверить это: http://jsfiddle.net/4Zz4y/
• Ран его в IE в режиме браузера, установленного в IE9 (F12)
• я увидел ошибку SCRIPT5009: 'submitData' is undefined в F12 пульт.
• Я тогда нашел этот вопрос: Property 'submit' of object #<HTMLFormElement> is not a function