正确使用Bootstrap 3获得Parsley 2.x
正确使用Bootstrap 3获得Parsley 2.x
提问于 2014-03-06 15:19:44
我在Parsley v2.0.0-rc3中使用Twitter Bootstrap 3.1.1。除了classHandler选项之外，我让它在很大程度上工作。
我有这样的HTML：
<div class="form-group">
<label class="control-label" for="username">User Name</label>
<input class="form-control" id="username" name="username" required="" type="text" value="">
</div>像这样运行欧芹菜：
$("#register_form").parsley({
successClass: "has-success",
errorClass: "has-error",
classHandler: function(el) {
return $(el).closest(".form-group");
},
errorsWrapper: "<span class='help-block'></span>",
errorTemplate: "<span></span>"
});一切正常，但是成功/错误类被应用到错误的元素。页面加载后，我会得到如下结果：
<div class="form-group">
<label class="control-label" for="username">User Name</label>
<input class="form-control" id="username" name="username" required="" type="text" value="" data-parsley-id="5043">
<span class="help-block" id="parsley-id-5043"></span>
</div>经过验证后，结果是：
<div class="form-group">
<label class="control-label" for="username">User Name</label>
<input class="form-control has-error" id="username" name="username" required="" type="text" value="" data-parsley-id="5043">
<span class="help-block filled" id="parsley-id-5043">
<span class="parsley-required">This value is required.</span>
</span>
</div>然而，我期待一些不同的东西：
<div class="form-group has-error">
<label class="control-label" for="username">User Name</label>
<input class="form-control" id="username" name="username" required="" type="text" value="" data-parsley-id="5043">
<span class="help-block filled" id="parsley-id-5043">
<span class="parsley-required">This value is required.</span>
</span>
</div>我已经使用alert验证了函数是否可以运行。但是我是jQuery和JavaScript的新手，所以我不知道如何进一步调试和修复它。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22217735
复制相关文章
相似问题