Question

我在滑动滑块中有一个表单，我使用以下脚本检查我的表单是否有效而没有提交，因为我想输入在另一张幻灯片中提交：

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

效果很好，但现在我只想在验证正确的情况下触发滑动onClick事件：

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

有没有简单的方法来实现这一点？ 如果有效（）; = ok那么onClick =“mySwiper.swipeTo（1,10）

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

其他筹码：
jQuery Validation on click without submit

Answer 1

您可以使用valid()的返回值并将其放在'if`语句中。

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

Answer 2

为什么不尝试这样：

$('#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">

验证后触发click或href

2 个答案: