我正在创建一个表单,我正在用JavaScript验证它。它现在的工作方式是,如果值不正确,它会显示一条警告,指出您需要输入文本。我的问题是,如何更改它,以便不是警报,文本框将变为红色,类似:“这是必需的”将显示在文本框旁边。我认为我可以用jQuery解决这个问题,但我想知道是否有人有任何建议。谢谢!
P.S。如果您转到yahoo.com,请单击注册,然后单击创建帐户(不输入任何内容),您将看到我的目标。
答案 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”添加到需要验证的元素