Prevent form submission in java script after displaying alert message

Question

This is my coding in js

    var ck_name = /^[A-Za-z0-9 ]{3,12}$/;
    function validate(form) 
    {
            var Name = document.getquote.name.value;
            if (!ck_name.test(Name))
             {
                    alert("Enter a valid FirstName containing alphabets ,numbers with minimum of 3 characters");
                    document.getElementById('name').focus();
                    return false;
            }
    }

Iam calling this function on form submit. After showing the alert message, I want the focus to be back on the name-textbox but the page get submitted after the alert. The "return false" command is not working.

Please show us your form code.

JosephGarrone
– JosephGarrone

2013-10-28 08:58:00 +00:00
Commented Oct 28, 2013 at 8:58 — JosephGarrone
– JosephGarrone, Commented Oct 28, 2013 at 8:58
Show to javascript code for submitting the form

Vinod VT
– Vinod VT

2013-10-28 08:59:00 +00:00
Commented Oct 28, 2013 at 8:59 — Vinod VT
– Vinod VT, Commented Oct 28, 2013 at 8:59
you're missing a semicolon at the end.

Saturnix
– Saturnix

2013-10-28 09:01:06 +00:00
Commented Oct 28, 2013 at 9:01 — Saturnix
– Saturnix, Commented Oct 28, 2013 at 9:01
@Asryael , I shall submit my fomr code as an answer

Srinath Mohan
– Srinath Mohan

2013-10-28 09:05:33 +00:00
Commented Oct 28, 2013 at 9:05 — Srinath Mohan
– Srinath Mohan, Commented Oct 28, 2013 at 9:05
@Saturnix where is the semicolon missing?

Srinath Mohan
– Srinath Mohan

2013-10-28 09:06:31 +00:00
Commented Oct 28, 2013 at 9:06 — Srinath Mohan
– Srinath Mohan, Commented Oct 28, 2013 at 9:06

Sridhar R · Accepted Answer · 2013-10-28 08:58:51Z

1

You add this code when false occurs

$('#formID').attr('onsubmit','return false');

Another Way

$("form").submit(function () { return false; }); that will prevent the button from submitting or you can just change the button type to "button" <input type="button"/> instead of <input type="submit"/>

answered Oct 28, 2013 at 8:58

Sridhar R

20.4k7 gold badges41 silver badges35 bronze badges

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

2 Comments

Saturnix Over a year ago

what makes you think OP can use jQuery?

Jenz Over a year ago

there may be some error in your function thatz why it not working well. Check whether you are getting value in variable Name and also make sure that there is an element with id name.

cfontanet · Accepted Answer · 2013-12-19 13:43:33Z

1

@Sridhar R answer worked for me, with a little change, instead of 'onsubmit' I used 'onSubmit'

$('#formID').attr('onSubmit','return false');

answered Dec 19, 2013 at 13:43

cfontanet

1942 silver badges7 bronze badges

Collectives™ on Stack Overflow

Prevent form submission in java script after displaying alert message

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related