On submit form, return false not working

Question

When I submit the form I got an alert message. When I accept the alert it will submit the form anyway. Returning false is ignored. Onclick can not be used. I try with var x = document.forms["form"]["fname"].value; and still same.

<form id="f" method="post" name="form" onsubmit="return validateForm();" action="#">
    <input type="text" name="fname" id="test" />
    <input type="submit" value="submit"/>
</form>
<script type="text/javascript">
        function validateForm() {
            var x = document.getElementById('test').value;
            if (x == null || x == 0 || x == "0") {
                alert("Stop");
                return false;
            }
        }
    </script>

it is working fine, check for any error in your browser console try http://jsfiddle.net/arunpjohny/KJyF8/1 — Arun P Johny, Aug 28 '13 at 05:29
Unbelievable. It does not work for me : http://jsfiddle.net/L938e/5/ Is this browser issue?? Getting crazy since it seems to be so simple..:) — Roy M J, Aug 28 '13 at 05:37
http://awesomescreenshot.com/0e71njq402 : Seems like wrapping onload in jsfiddle seems to be the issue..:(. But then again, its us who are trying it out with jsfiddle.. — Roy M J, Aug 28 '13 at 05:39
@RoyMJ : this is working at my end and not on jsfiddle :(..why the downvote for answer :( — plain jane, Aug 28 '13 at 05:41

score 9 · Accepted Answer · answered Aug 28 '13 at 05:30

9

Instead of <input type="submit" value="submit"/> use <input type="button" value="Submit" onclick='validateForm()'/>.

In your JS:

<script type="text/javascript">
    function validateForm() {
        var x = document.getElementById('test').value;
        if (x == null || x == 0 || x == "0") {
            alert("Stop");
        }
        else
            document.form.submit();
    }
</script>

answered Aug 28 '13 at 05:30

Aashray

2,753
16
22

The question says onclick cannot be used. – mechenbier Aug 28 '13 at 05:33
The question would be why not use `onclick` and `onclick` of what. – Aashray Aug 28 '13 at 05:34
Onclick on button is ok. On form is problem because I have 4 buttons. – Nejc Galof Aug 28 '13 at 05:39
@NejcGalof, please ask different questions for different subjects – Sergio Aug 28 '13 at 06:08

score 0 · Answer 2 · answered Aug 28 '13 at 05:42

Give this script inside of head tag and check it.

<script type="text/javascript">
        function validateForm() {
            var x = document.getElementById('test').value;
            if (x == null || x == 0 || x == "0") {
                alert("Stop");
                return false;
            }
        }
</script>

On submit form, return false not working

2 Answers2

Linked