2014-12-04 148 views
-1

我有这样的$(document).ready函数:将多个文档就绪功能合并为一个?

$(document).ready(function() { $('#Form_Page_3').bootstrapValidator(); });

,并希望这些未来两个功能结合到上面的第一个功能,有没有什么办法来实现这一目标?我的目标是'.bootstrapValidator();'以验证不仅'#Form_Page_3',还'#Form_Page_1'和'#Form_Page_2'。提前:)感谢

$(document).ready(function() { 
     $('#Form_Page_1').bootstrapValidator(); 
     }); 
$(document).ready(function() { 
     $('#Form_Page_2').bootstrapValidator(); 
     }); 

这是我的注册按钮的代码在使用功能单一的作品,但不是当我尝试了3

<div class="form-group formSubmit"> <div class="col-sm-12 submitWrap"> <input type="submit" name = "register" value="Register" class="btn btn-success btn-lg btn-block" form="Form_Page_1"> </div>

回答

2

使用此相结合,获取以Form_Page开头的所有元素id

$(document).ready(function() { 
    $('[id^=Form_Page]').bootstrapValidator(); 
}); 

文档:http://api.jquery.com/attribute-starts-with-selector/


如果上述抛出错误,因为 .bootstrapValidator()不支持多个对象,使用以下命令:

$(document).ready(function() { 
    $('[id^=Form_Page]').each(function(){ $(this).bootstrapValidator(); }); 
}); 
+0

我只是想第二件代码你建议,仍然没有任何运气,即时制作一个登录系统,验证是成功的所有3种形式,但现在w如果我去提交提交按钮不起作用,它曾经与我的问题中的代码一起工作。 – 2014-12-04 20:55:24

+0

@LiamBaker“提交按钮不起作用”你可以在你的问题中包含它吗?我们无法帮助您解决您从未提及的问题。 – Mooseman 2014-12-04 20:56:45

+0

我刚刚更新了这个问题:) – 2014-12-04 21:04:33

1
$(document).ready(function() { 
    $('#Form_Page_1').bootstrapValidator({/* options for form 1 */}); 
    $('#Form_Page_2').bootstrapValidator({/* options for form 2 */}); 
    // etc. 
});