简单的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

您的函数永远不会返回true或false，因此它不会验证任何内容。当输入无效且您不希望提交表单时，请返回false。

请参阅此处MSDN documentation

Answer 2

试试这段代码：

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;
}