簡單的JavaScript表單驗證提交不起作用

Question

爲什麼我的簡單JavaScript驗證不起作用。我想檢查默認文本是否與默認值（Keyword（s））相同，然後提交帶有空參數的表單。

<form method="get" id="search_form" action="http://somesampleurl.com" onsubmit="return validation();"> 
<input name="s_rawwords" value="Keyword(s)" id="search_field" class="search_field" type="text"> 
<input name="s_freeloc" value="City, State or Zip" id="search_field2" class="search_field" type="text"> 
<input value="" id="search_button" type="submit"> 
</form> 
<script type="text/javascript"> 
    function validation(){ 
     var search_key = document.getElementById("search_field").value 
     alert(search_key); 
     if(search_key =="Keyword(s)"){ 
      alert("step2"); 
      search_key = ""; 
     } 
    } 
</script> 

Answer 1

試試這個代碼：

function validation(){ 
    var search_key = document.getElementById("search_field").value; 
    alert(search_key); 
    if(search_key =="Keyword(s)"){ 
     alert("step2"); 
     document.getElementById("search_field").value = ""; 
    } 
    return true; 
} 

Answer 2

你的函數永遠不會返回true或false，所以也沒有任何驗證。當輸入無效並且您不希望提交表單時返回false。

看到這裏MSDN documentation