using jquery validate but prevent the form submit

Question

the form is still submitted. if i want to use your code and add a step.that is if show the red text then preventing the form to submit?how do i do? thank you.

Here is my script:

jQuery(function($)
{
    if (!$("#edit-name").val() || !$("#edit-email").val() || !$("#edit-comment-body").val())
    {
        $("#edit-submit").click(function()
        {
            $('#edit-name').after('<span style="color:red;">请输入你的名字</span>');
            $('#edit-mail').after('<span style="color:red;">请输入你的邮箱</span>');
            $('#edit-comment-body label span').append('<span style="color:red;">请填写内容</span>');
        });
    }
});

Salman Arshad · Accepted Answer · 2011-05-28 05:55:58Z

2

validate the fields inside submit event like:

$('#formID').submit(function(){
      if ($("#edit-name").val()=='' || $("#edit-email").val()=='' || $("#edit-comment-body").val()==''){
        $('#edit-name').after('<span style="color:red;">è¯·è¾“å…¥ä½ çš„åå—</span>');
        $('#edit-mail').after('<span style="color:red;">è¯·è¾“å…¥ä½ çš„é‚®ç®±</span>');
        $('#edit-comment-body label span').append('<span style="color:red;">è¯·å¡«å†™å†…å®¹</span>');

        return false; // to stop form submission in any way

} });

edited May 28, 2011 at 5:55

Salman Arshad

274k85 gold badges450 silver badges540 bronze badges

answered May 28, 2011 at 5:53

Vaibhav Gupta

1,6121 gold badge14 silver badges23 bronze badges

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

1 Comment

zhuanzhou Over a year ago

here still have a question.after i click the button, if i click again. the red text will add once again. how to prevent it. thank you.

Razor Storm · Accepted Answer · 2011-05-28 05:50:25Z

1

on the .click(function()) give it a parameter e

    $("#edit-submit").click(function(e)
    {
        e.preventDefault();
        $('#edit-name').after('<span style="color:red;">请输入你的名字</span>');
        $('#edit-mail').after('<span style="color:red;">请输入你的邮箱</span>');
        $('#edit-comment-body label span').append('<span style="color:red;">请填写内容</span>');
    });

answered May 28, 2011 at 5:50

Razor Storm

12.4k20 gold badges96 silver badges153 bronze badges

3 Comments

zhuanzhou Over a year ago

many thanks. why i using submit()function. the js code can't work. there still have a question.after i click the button, if i click again. the red text will add once again. how to prevent it. thank you.

zhuanzhou Over a year ago

what's the parameter e meaning?

Razor Storm Over a year ago

e is the event parameter. Can you elaborate on your other question a bit? I don't quite follow.

Salman Arshad · Accepted Answer · 2011-05-28 05:53:57Z

1

Normally, you hook an event listener to the submit event of the form, from there you can return false.

$("form#foo").submit(function(){
    // validate
    return false;
});

answered May 28, 2011 at 5:53

Salman Arshad

274k85 gold badges450 silver badges540 bronze badges

Collectives™ on Stack Overflow

using jquery validate but prevent the form submit

3 Answers 3

1 Comment

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related