如何为jquery验证引擎显示错误消息？

Question

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验证引擎，我想按顺序显示错误消息。例如，如果电子邮件字段为空，则显示＆＃34;必填字段＆＃34;错误消息，如果用户输入任何内容并且电子邮件不正确，请显示＆＃34; Invalid Mail＆＃34;错误信息。但它将所有消息显示在一起，如下所示。

但我想按顺序这样做我怎么能这样做？

Answer 1

你可以设置一个属性来显示每个字段只有一个错误

    maxErrorsPerField: 1

所以你可以做这样的事情

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

FIDDLE