Form is submitting even if javascript function return false

Question

Javascript validation is not working! Form is submitting even if function returns false. Where i should make changes? Here is the part of the code i wrote.

<html>
<head>
    <script>
    function check()
    {
        temp=document.getElementById("name").value;
        if(temp=="")
        {
            document.getElementById("err").innerHTML="error found";
            document.getElementById("name").focus();
            return false;
        }            
    }
    </script>
</head>
<body>        
    <form>
        <input type="text" id="name">
        <div id="err"></div>
        <input type="submit" onClick="check()">
    </form>
</body>
</html>

Answer 1

I would suggest you to use onSubmit event of form instead of onClick event of button .

You also need to use return with HTML onevent attributes

HTML

<form onSubmit="return check()">
    <input type="text" id="name"/>
    <div id="err"></div>
    <input type="submit" />
</form>

DEMO

Form is submitting even if javascript function return false

Question

1 answers

solution1
4 ACCPTED 2014-03-09 13:06:45

Form is submitting even if javascript function return false

Question

1 answers

solution1 4 ACCPTED 2014-03-09 13:06:45

solution1
4 ACCPTED 2014-03-09 13:06:45