如何通过JavaScript显示错误消息?

时间:2011-02-27 21:24:13

标签: javascript text validation alert

我正在创建一个表单,我正在用JavaScript验证它。它现在的工作方式是,如果值不正确,它会显示一条警告,指出您需要输入文本。我的问题是,如何更改它,以便不是警报,文本框将变为红色,类似:“这是必需的”将显示在文本框旁边。我认为我可以用jQuery解决这个问题,但我想知道是否有人有任何建议。谢谢!

P.S。如果您转到yahoo.com,请单击注册,然后单击创建帐户(不输入任何内容),您将看到我的目标。

2 个答案:

答案 0 :(得分:4)

您可以使用以下属性创建CSS类:

input.ERROR { border-color: red; }

使用jQuery,您可以使用不正确的值将此类添加到输入框:

$("input[name=Address]").addClass("ERROR");

(假设名为“Address”的输入框的值不正确)

答案 1 :(得分:1)

好吧,我会使用位于

的jQuery Validation插件

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

您只需要将css类“required”添加到需要验证的元素