Как я могу показать сообщения об ошибках для механизма проверки jquery?

Question

Как я могу показать сообщения об ошибках для механизма проверки jquery?

0

HTML

<form id="formVa" method="post" style="margin-top:100px; margin-left:100px;">
    <label>
        Email
    <input name="user_email" value="" type="text" 
        data-validation-engine="validate[required,custom[email]]" 
        data-errormessage-value-missing="Required Field" 
        data-errormessage-custom-error="Invalid Mail" />
    </label>
    <label>
        Name
    <input name="user_name" value="" type="text" 
        data-validation-engine="validate[required]" 
        data-errormessage-value-missing="Required Field" />
    </label>
    <button type="submit">Submit</button>
</form>

JS

$('#formVa').validationEngine(
    'attach', {
        promptPosition : 'topRight:-90,15',
        scroll: false,
        autoHidePrompt: true,
        autoHideDelay: 2500,
        fadeDuration: 0.3,
        focusFirstField : false
    }
);

Code example

Я использую механизм проверки jquery для своих форм, и я хочу показывать сообщения об ошибках по порядку. Например, если поле электронной почты пустое, укажите сообщение об ошибке "Обязательное поле", и если пользователь набрал что-либо и адрес электронной почты, введите сообщение об ошибке "Неправильная почта". Но он показывает все сообщения вместе, как показано ниже.

Но я хочу, чтобы это было в порядке. Как я могу это сделать?

midstack 12 май 2014, в 16:20

Источник

Теги:

javascript

jquery

validation

order

jquery-validation-engine

1 ответ

Ещё вопросы

ᾠῗᵲᄐᶌ · Accepted Answer · 2014-05-12T11-43-00.000Z

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

    maxErrorsPerField: 1

Таким образом, вы можете сделать что-то подобное

$('#formVa').validationEngine(
    'attach', {
        promptPosition : 'topRight:-90,15',
        scroll: false,
        autoHidePrompt: true,
        autoHideDelay: 2500,
        fadeDuration: 0.3,
        focusFirstField : false,
        maxErrorsPerField: 1
    }
);

FIDDLE