Form validation using jquery and javascript codes

Question

i am trying to validate my form for empty fields but i am not sure what code i should use can someone please direct me i have tried the following code but its not working

$("validate").submit(function(event){
    $(".offset2").each(function(index) {
       if ($(this).val() == 0) {
           $("#error").css({"display": "inline"}).text("Some of the fields are empty");
           event.preventDefault();
       }
    });
});

If you want to test if a field is "empty" you should test against an empty string, not against 0. The == operator actually returns true for "" == 0 and for "0" == 0, but if the user actually types a 0 that's obviously not empty... — nnnnnn
– nnnnnn, Commented Jun 25, 2013 at 11:58

CodeMonkeyForHire · Accepted Answer · 2013-06-25 12:00:20Z

1

Just use a plugin.... More flexibility as you grow.

Here's free one after 1 minute of google.

http://jqueryvalidation.org/

answered Jun 25, 2013 at 12:00

CodeMonkeyForHire

3621 silver badge7 bronze badges

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

Comments

M.G.Manikandan · Accepted Answer · 2013-06-25 12:00:35Z

1

Check this

if ($(this).val().length == 0) { // .length is missing in your code
    // Show Error
}
// Or
if (!$(this).val()) { // Empty string is consider as false type in JavaScript 
    // Show Error
}

answered Jun 25, 2013 at 12:00

M.G.Manikandan

9935 silver badges7 bronze badges

Comments

Rohan Kumar · Accepted Answer · 2013-06-25 11:57:13Z

0

Try this,

$(function(){
    $("validate").submit(function(event){
        event.preventDefault();
        var status=true;
        $(".offset2").each(function(index) {
           if (!$(this).val()) {
               $("#error").css({"display": "inline"}).text("Some of the fields are empty");
               status=false;
           }
        });
        return status;
    });
});

answered Jun 25, 2013 at 11:57

Rohan Kumar

40.7k11 gold badges81 silver badges111 bronze badges

Comments

Shahzeb Khan · Accepted Answer · 2013-06-25 12:07:28Z

0

aren't you missing a "#" before "validate".

   $("#validate").submit(function(event){
        $(".offset2").each(function(index) {
           if ($(this).val() == 0) {
               $("#error").css({"display": "inline"}).text("Some of the fields are empty");
               event.preventDefault();
           }
        });
    }

);

http://api.jquery.com/submit/

answered Jun 25, 2013 at 12:07

Shahzeb Khan

3,6428 gold badges47 silver badges82 bronze badges

Comments

powerbuoy · Accepted Answer · 2013-06-25 12:11:11Z

0

I would definitely recommend H5Validate http://ericleads.com/h5validate/

It allows you to use the proper HTML5 attributes for validation.

answered Jun 25, 2013 at 12:11

powerbuoy

12.9k10 gold badges51 silver badges85 bronze badges

Comments

amhed · Accepted Answer · 2013-06-25 12:13:34Z

0

@CodeMonkeyForHire suggested using a Plugin.

The most used one is jQueryValidation. It will let you write markup like this:

<input id="cname" name="name" minlength="2" type="text" required/>

And then on your submit button you make one single call to validate all elements inside the form:

$("#commentForm").validate();

There are many other frameworks like ParselyJs or ValidateJs that you can try out.

P.S. Google is your friend, always look for plugins (probably someone else had the same problem you did)

answered Jun 25, 2013 at 12:13

amhed

3,6692 gold badges34 silver badges56 bronze badges

Collectives™ on Stack Overflow

Form validation using jquery and javascript codes

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related