2014-12-04 149 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. 
});