jQuery Validation on click without submit

Question

I am using this amazing script for validating my form and for the normal functionality it works great, but I would like to validate the form on a onClick (a href) event instead on the submit (input).. is that possible?

Script: https://github.com/jzaefferer/jquery-validation

It must be something like this, right?

<a href="#" onClick="validate()" >

Arun P Johny · Accepted Answer · 2014-02-27 09:11:05Z

6

You can call the valid() method on the form to see whether it is valid.

<a href="#" onClick="$('myformselecto').valid()" >

I would recommend adding the handler using jQuery rather than inlining it

answered Feb 27, 2014 at 9:11

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

1 Comment

Erwin van Ekeren Over a year ago

This works great, thank you. I made it using jquery: $('#divid').click(function(e) { e.preventDefault(); $('form').valid(); });, but is it also possible to go to a div (#divid2) when valid?

Rory McCrossan · Accepted Answer · 2014-02-27 09:10:25Z

1

The jQuery validation plugin hooks to the submit event of the form. Therefore all you need to do is make the click of that a element submit the form. Try this:

$('#myLink').click(function(e) {
    e.preventDefault();
    $('#myForm').submit(); // this will then call the validate() func
});

answered Feb 27, 2014 at 9:10

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

2 Comments

Erwin van Ekeren Over a year ago

Thanks for the quick answer! But I don't want to submit the form yet, that has to be done later on the page, I first want to validate and use a input submit to submit the form later on :)

Rory McCrossan Over a year ago

Ah ok, no problem. Arun has the answer for you then :) But like he says, don't use the onclick attribute - attach your events in jQuery itself.

Collectives™ on Stack Overflow

jQuery Validation on click without submit

2 Answers 2

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related