trigger on click or href after validation

Question

I am having an form in a swipe slider, and I am using the following script to check if my form is valid without a submit because I want to input submit it in another slide:

$('#divId').click(function(e) { e.preventDefault(); $('form').valid(); });

That works great but now I would like to trigger the swipe onClick event only if the validation is correct:

<a href="#" onClick="mySwiper.swipeTo(1, 10)">

Is there an easy way to achieve this?
If valid(); = ok THEN onClick="mySwiper.swipeTo(1, 10)

Scripts:
https://github.com/jzaefferer/jquery-validation
http://www.idangero.us/sliders/swiper/

Other Stack:
jQuery Validation on click without submit

GuyT · Accepted Answer · 2014-02-27 10:19:45Z

1

You could use the return value of valid() and put this in an 'if` statement.

$('#divId').click(function(e) { 
   e.preventDefault(); 
   if ($('form').valid()){
     mySwiper.swipeTo(1, 10);
   } 
});

answered Feb 27, 2014 at 10:19

GuyT

4,4562 gold badges20 silver badges34 bronze badges

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

Comments

jogesh_pi · Accepted Answer · 2014-02-27 10:18:45Z

0

why not try like this:

$('#divId').click(function(e) { 
     e.preventDefault(); 
     $('form').valid(); 

     // your validation check goes here
     if( vadiation_pass ) {
         $('#link').attr("onClick", "mySwiper.swipeTo(1, 10)");
     } else {
         $('#link').removeAttr('onClick');
     }
});

// HTML
<a href="#" id="link">

answered Feb 27, 2014 at 10:18

jogesh_pi

9,7745 gold badges40 silver badges65 bronze badges

Collectives™ on Stack Overflow

trigger on click or href after validation

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related