修改了一個開源的Bootstrap表單驗證外掛

since1986發表於2014-11-10

jqBootstrapValidation (版本1.3.7)是一個為Bootstrap增加表單驗證功能的外掛,本來想用在專案中,結果試了一下不管用。看了看原始碼才明白這個外掛是針對Bootstrap2.x開發的,而我用的是Bootstrap3.x,由於外掛中是用的硬編碼的Bootstrap2.x的class名作為selector的所以肯定不起作用,於是我把裡面的幾個class名替換成Bootstrap3.x的類名,並且修改了幾處邏輯錯誤後,就可以正常使用了。

主要的改動:
1.error 改為 has-error, warning改為has-warning, success改為has-success, .control-group改為 .form-group
2.去掉71行的 $form.addClass(“error”); 以及 78行的 $form.removeClass(“error”); 這兩處都是邏輯錯誤
3.修改94-99行程式碼為:(同樣是邏輯錯誤)

// create message container if not exists
if ($helpBlock.length == 0 && settings.options.autoAdd && settings.options.autoAdd.helpBlocks) {
    $helpBlock = $(`<div class="help-block" />`);
    $controlGroup.append($helpBlock);
    createdElements.push($helpBlock[0]);
}

相關文章