插入额外的内容到香菜错误

Question

我想我的香菜JS验证错误渲染这样的：

<span id="parsley-id-8333" class="form-error filled"> 
    <span class="parsley-required"> 
     <i class="fa fa-exclamation-triangle"></i> 
     Error Message Goes Here 
    </span> 
</span> 

如何修改功能增加我的errorTemplate内<i>？

window.ParsleyConfig = { 
    errorsWrapper: '<span class="form-error"></span>', 
    errorTemplate: '<span></span>' 
}; 

Answer 1

问题是：对于同一个字段的多个错误消息会发生什么？

errorsWrapper: '<span class="form-error"><i class="fa fa-exclamation-triangle"></i></span>', 
errorTemplate: '<span></span>' 

你会得到兼容的东西与你正在寻找：

<span id="parsley-id-8333" class="form-error filled"> 
    <i class="fa fa-exclamation-triangle"></i> 
    <span class="parsley-required"> 
     Error Message Goes Here 
    </span> 
</span> 

如果有一个三角形是对你罚款，那么它很容易增加你的图标到包装材料实现

当然，除非确实存在错误，否则您不希望它出现，否则您需要一些CSS规则来隐藏它，如：

.form-error:not(.filled) i { display: none; } 

如果你真的需要它在errorTemplate，那么恐怕有没有简单的方法，但它不会很难用javascript自己添加它。您可以收听parsley:form:error事件，搜索错误跨度并预先安排您的<i> ...