Доступные сообщения об ошибках в Powermail - PullRequest
Новая
       22

Доступные сообщения об ошибках в Powermail

0 голосов
/ 04 июня 2018

Чтобы сделать сообщения об ошибках Power Mail доступными для программ чтения с экрана, мне нужно изменить HTML.

Оригинал Powermail 

<div class="form-group powermail_fieldwrap_name has-error">
    <label for="powermail_field_name">Name<span class="mandatory">*</span></label>
    <input required="required" data-parsley-required-message="Dieses Feld muss ausgefüllt werden!" data-parsley-trigger="change" class="form-control " id="powermail_field_name" type="text" name="tx_powermail_pi1[field][name]" value="" data-parsley-id="12">
    <ul class="help-block filled" id="parsley-id-12"><li class="parsley-required">Dieses Feld muss ausgefüllt werden!</li></ul>
</div>

Доступен 

<div class="form-group powermail_fieldwrap_name has-error">
    <label for="powermail_field_name">Name<span class="mandatory">*</span></label>
    <input required="required" data-parsley-required-message="Dieses Feld muss ausgefüllt werden!" data-parsley-trigger="change" class="form-control " id="powermail_field_name" type="text" name="tx_powermail_pi1[field][name]" value="" data-parsley-id="12" aria-describedby="parsley-id-12">
    <ul class="help-block filled" id="parsley-id-12"><li class="parsley-required">Dieses Feld muss ausgefüllt werden!</li></ul>
</div>

Вкратце: мне нужно добавить aria-describedby="parsley-id-12" к <input>.

В моей собственной версии Ext: powermail / Resources / Private / Partials / Form / Field / Input.htmlЯ изменил дополнительные атрибуты на additionalAttributes="{aria-describedby:'error',vh:Validation.ValidationDataAttribute(field:field)}"

Полное частичное 

{namespace vh=In2code\Powermail\ViewHelpers}
<div class="powermail_fieldwrap powermail_fieldwrap_type_input powermail_fieldwrap_{field.marker} {field.css} {settings.styles.framework.fieldAndLabelWrappingClasses}">
    <label for="powermail_field_{field.marker}" class="{settings.styles.framework.labelClasses}" title="{field.description}">
        <vh:string.RawAndRemoveXss>{field.title}</vh:string.RawAndRemoveXss><f:if condition="{field.mandatory}"><span class="mandatory">*</span></f:if>
    </label>

    <div class="{settings.styles.framework.fieldWrappingClasses}">
        <f:form.textfield
                type="{vh:Validation.FieldTypeFromValidation(field:field)}"
                property="{field.marker}"
                placeholder="{field.placeholder}"
                value="{vh:Misc.PrefillField(field:field, mail:mail)}"
                class="powermail_input {settings.styles.framework.fieldClasses} {vh:Validation.ErrorClass(field:field, class:'powermail_field_error')}"
                additionalAttributes="{aria-describedby:'error',vh:Validation.ValidationDataAttribute(field:field)}"
                id="powermail_field_{field.marker}" />
    </div>
</div>

Это заканчивается

Аргумент "дополнительные атрибуты" зарегистрирован стип "массив", но имеет тип "строка" в помощнике представления "TYPO3 \ CMS \ Fluid \ ViewHelpers \ Form \ TextfieldViewHelper"

Ответы [ 2 ]

0 голосов
/ 20 июня 2018

Я не могу найти решение в шаблонах, потому что идентификатор ошибки устанавливается проверкой петрушки.Поэтому я добавляю этот jQuery JavaScript.Поскольку я перезаписываю некоторые шаблоны Powermail, селекторы jQuery могут отличаться.

$('form[data-parsley-validate]').parsley().on('form:error', function() {

    var errorId;

    $.each(this.fields, function(key, field) {
        if (field.validationResult !== true) {

            switch (field.$element.attr('type')) {
                case 'radio':
                    errorId = field.$element.closest('.powermail_radio_group')
                        .children('.powermail_field_error_container')
                        .children('ul').attr('id');
                    break;
                case 'checkbox':
                    errorId = field.$element.closest('.powermail_checkbox_group')
                        .children('.powermail_field_error_container')
                        .children('ul').attr('id');
                    break;
                default:
                    errorId = field.$element.next('ul').attr('id');
            }
            field.$element.attr('aria-describedby',errorId);
        }
    });
});
0 голосов
/ 04 июня 2018

Вы можете использовать атрибут данных как data="{describedby: 'error'}"

...