simple javascript form validation submit doesn't work

Question

Why my simple javascript validation not working. I want to check if the default text is same as default value (Keyword(s)), then submit the form with empty parameter.

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

return true or false and it would work

karthikr
– karthikr

2013-05-31 18:59:58 +00:00
Commented May 31, 2013 at 18:59 — karthikr
– karthikr, Commented May 31, 2013 at 18:59
Sorry Guys. It did work.

tv4free
– tv4free

2013-05-31 19:12:43 +00:00
Commented May 31, 2013 at 19:12 — tv4free
– tv4free, Commented May 31, 2013 at 19:12

Denys Séguret · Accepted Answer · 2013-05-31 18:59:04Z

3

Your function never returns true or false, so it doesn't validate anything. Return false when the inputs are invalid and you don't want the form to be submitted.

See here MSDN documentation

answered May 31, 2013 at 18:59

Denys Séguret

384k90 gold badges813 silver badges780 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

user2441610 · Accepted Answer · 2013-05-31 19:00:18Z

1

Try this code:

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

answered May 31, 2013 at 19:00

user2441610

262 bronze badges

Collectives™ on Stack Overflow

simple javascript form validation submit doesn't work

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related