将多个文档就绪函数合并为一个?

时间:2014-12-04 20:48:40

标签: javascript jquery

我有这个$(文件).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 个答案:

答案 0 :(得分:2)

使用此功能获取idForm_Page开头的所有元素。

$(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(); });
});

答案 1 :(得分:1)

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