check if form validation is true

Question

Hello i have a form that i want to run through form validation and then submit. How can i check if the following function returns true to know that everything has been validated and then submitted? I created a fiddle to test http://jsfiddle.net/WHGq2/ MODIFIED CODE ```

Accepted Answer

You can call the valid() method of jquery validation. Like

```
if($('#form').valid())
```

Actually you can declare the validate function when the html page is loaded and just check whether it's valid or not at the time of submit

```
$(document).ready(function(){

$('#form').validate(rules...messages...);
```

In case of rules & messages use:-

```
  rules: {
            name: {
               required: true  
            },
            email: {
                required: true,
                email: true
                    },
            phone: {
                required: true,
                phone: true                       }
                },
        messages: {
            name: { required : "Please let us know who you are."},
           email: {required : "A valid email will help us get in touch with you.",email : "A valid email will help us get in touch with you."},
            phone: {required:"Please provide a valid phone number.",phone:"Please provide a valid phone number."}
        }
```

It's a good practice and in case of phone numbers, you've misspelled required

```
$('#form').submit(function(evt) {
    evt.preventDefault();

.....

if( $('#form').valid() ) {
       //submit the form via ajax
    } else {
       //show errors
    }
 });

});
```

And I think you know than you've to add the name attribute of each input field:-

```
 <input type="text" name="email" />
```

check if form validation is true

Solution

Problem