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>

there are other ways to submit a form. don't attach to a button. use onSubmit. — Karoly Horvath
– Karoly Horvath, Commented Mar 9, 2014 at 13:06

Satpal · Accepted Answer · 2020-04-13 07:22:03Z

4

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

edited Apr 13, 2020 at 7:22

answered Mar 9, 2014 at 13:06

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

Collectives™ on Stack Overflow

Form is submitting even if javascript function return false

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related