Css 如何以红色突出显示Web窗体上有错误的字段?(由JSP生成的表单)

Css 如何以红色突出显示Web窗体上有错误的字段?(由JSP生成的表单),css,forms,jsp,Css,Forms,Jsp,在Drupal内容管理系统中,如果您提交了一个有错误的表单,例如缺少必填字段,那么当表单重新加载时,有错误的字段会有一个红色的轮廓。如何在JSP生成的表单上实现相同的效果?您可以添加带有验证的submit javascript函数,如果必填字段丢失或出现错误,您可以使用以下代码添加到input element css类中 border-color: red; border-style: solid; border-width: 1px; 谢谢,亚历克斯。这可能可行,但需要复制服务器端验证逻辑。

在Drupal内容管理系统中,如果您提交了一个有错误的表单,例如缺少必填字段,那么当表单重新加载时,有错误的字段会有一个红色的轮廓。如何在JSP生成的表单上实现相同的效果?

您可以添加带有验证的submit javascript函数,如果必填字段丢失或出现错误,您可以使用以下代码添加到input element css类中

border-color: red;
border-style: solid;
border-width: 1px;

谢谢,亚历克斯。这可能可行,但需要复制服务器端验证逻辑。如果我们想做同样的事情,但将所有验证都保留在服务器端,那么最好的方法是向有错误的字段添加一个“error”CSS类,并将CSS应用到上面给出的“error”类吗?是的,我指的是客户端验证。因为我总是重复客户端和服务器上的所有验证检查。如果表单包含不正确的数据(例如其中一个字段为空),您可以在客户端停止该表单,并且不需要发送请求overwise i return from server global error validation code(从服务器返回),而无需进行详细化。