Jquery验证多个错误消息

时间:2012-03-19 18:15:36

标签: javascript jquery jquery-validate

我有一个场景,我在一个字段上完成了两种类型的验证。我希望同时显示来自两个验证的错误消息。

E.g: 我有一个电子邮件字段,并在字段和配置的消息对象中添加了“必需的电子邮件”类以显示2个不同的消息。现在,如果电子邮件字段为空,则仅提供1个错误。我希望在未经过验证时显示这两条消息。

http://jsfiddle.net/emphaticsunshine/JcFYr/

在以下示例中,提交表单而不在字段中输入任何内容。它显示“电子邮件是必填字段”的消息。但我想显示来自两个验证的消息。

2 个答案:

答案 0 :(得分:3)

验证按顺序检查每个步骤,并返回第一个问题。想象一下,有10个验证(不是真的可行,但对我不好),第一个失败,你真的希望在输入已经无效时检查其他9个条件的性能。向您的客户解释这一点并解释用户体验。如果你想假装为你的客户要求显示两个要求,只需将第二个错误添加到第一个错误文本(因为它们显示的唯一时间是它是空输入)

http://jsfiddle.net/JcFYr/1/

答案 1 :(得分:1)

要做到这一点,我认为最好的办法是对所有失败的情况进行另一次验证测试。首先进行检查,如果满足,则显示两者的错误消息。如果它通过(两者都没有失败),那么测试另外两个。