Вставьте дополнительный контент в заблуждение петрушки

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> 

Как я могу изменить эту функцию для добавления <i> внутри моего errorTemplate?

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> ...