php - 如何使用 javascript/html/css 模拟 struts 验证

Question

在过去的几年里，我一直专注于后端开发，所以我缺乏 javascript 和 css 技能。我志愿担任网站的网站管理员，并希望改进表单验证(目前没有)。
我的问题: 基本上我有一个表格，其中包含几个姓名字段、一个电子邮件地址和一个电话号码。提交表单后，我会验证所有字段。如果数据无效，我想将该字段的标签颜色更改为红色(类似于 struts 验证)。最简单的方法是什么？

编辑:我还有后端 PHP 验证。我希望在前端让它更漂亮、更人性化。 PHP 验证位于不同的服务器上。如果后端验证失败，它会显示一条消息并强制用户使用“后退”按钮。我希望重定向回原始页面并显示无效字段。

Answer 1

当您在服务器端构建页面时，标记所有有错误的字段:

<input type="text" name="phone_number" class="error_field">
   555-121
</input>

然后在页面的 CSS 中包含如下条目:

input.error_field { color: #FFF; bgcolor: #C00; }

(句点是一个“类选择器”，意味着它适用于所有具有类属性“error_field”的输入。如果您已经在为输入标签使用类，您可以为元素提供多个类，只需使用空格分隔即可。 )

如果您想知道 Struts 正在生成什么样的代码来为页面着色，一种简单的方法是使用 Firebug Firefox 的扩展。