2010-06-11 102 views
0

簡單html表單中的一個非常特殊的錯誤。更改選項後,必須點擊兩次按鈕才能提交表單。點擊一次後,按鈕將被重點關注,但表單未被提交。在IE8中只有這種方式,並且在Chrome和FF中運行良好。必須單擊兩次才能在IE8中提交表單

注意'g ^'就在<select>之前。它必須是一個字母或數字後面跟一個符號才能生成此錯誤。例如,'a#','f $','3''都會產生相同的錯誤,否則它可以正常工作。順便說一句,如果你不改變選項並且馬上點擊按鈕,就不會有任何錯誤。

很奇怪,是吧?

<form method="post" action="match.php"> 
g^ 
<select> 
<option>Select</option> 
<option>English</option> 
<option>French</option> 
</select> 

<input type="submit" value="Go" /> 
</form> 
+0

似乎是在這裏工作得很好:http://jsfiddle.net/vCdpN/另外我會建議驗證。在那裏有很多不必要的錯誤。 – RoToRa 2010-06-11 10:32:13

+0

只能在IE中破解。爲什麼? – Philip007 2010-06-11 10:38:30

+0

JSFiddler的例子也是在IE8中爲你打破的嗎? – RoToRa 2010-06-11 11:14:32

回答

0

我提供這裏的代碼,這是工作的罰款。檢查這個代碼的代碼是否也給你的問題。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html> 
<head> 
<title> Sample page for language selection </title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

<style type="text/css"> 
    p{display: none;} 
</style> 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> 

<script type="text/javascript"> 
    $(function() { 
     // language as an array 
     var language = ['Arabic', 'Cantonese', 'Chinese', 'English', 'French', 'German', 'Greek', 'Hebrew', 'Hindi', 'Italian', 'Japanese', 'Korean', 'Malay', 'Polish', 'Portuguese', 'Russian', 'Spanish', 'Thai', 'Turkish', 'Urdu', 'Vietnamese']; 

     $('#muyu').append('<option value=0>Select</option>'); 

     //loop through array 
     for (i in language) //js unique statement for iterate array 
     { 

     $('#muyu').append($('<option>', { id: 'muyu' + i, val: language[i], html: language[i] })) } 

     $('form').submit(function() { 
      // alert('I am being called!'); // check if submit event is triggered 
      if ($('#muyu').val() == 0) { $('#muyu_error').show(); } else { $('#muyu_error').hide(); return true; } 
      return false; 
     }); 
    }) 
</script> 
</head> 

<body> 
    <form method="post" action="PostProb"> 
     I am fluent in <select name='muyu' id='muyu'></select> 
     <p id='muyu_error'>Tell us your native language</p> 
     <input type="submit" value="Go"/> 
    </form> 
</body> 
</html> 
+0

但它沒有在我的IE8上工作...有沒有任何IE設置觸發這個錯誤? – Philip007 2010-06-11 10:47:04

+0

我剛剛發佈我的代碼。覈實。確保你改變了表單的action屬性。 – mohang 2010-06-11 11:10:13

+0

我複製你的代碼並在我的IE8上運行它。錯誤仍然完全相同。 – Philip007 2010-06-11 11:16:43

相關問題