Codeigniter 必填字段与 Html5 必填标签不同

Question

我正在使用 codeigniter 使用 php 制作登录表单。 A screenshot demonstration

我想对输入字段使用传统的 html5 必需标记。 html5 required标签不允许你提交一个页面如果输入字段是空的并且它有一个很好的样式因为它弹出而不重新加载页面。

我正在使用 codeigniter，即使我已经在输入表单中添加了所需的功能，它仍然允许用户在空字段上提交页面，并且在页面重新加载后它会给他们错误。而且风格很丑。

如何制作 php codeigniter 所需的标签，如 html5 内置所需标签

我的 PHP codeigniter 代码

$this->form_validation->set_rules('username', 'username', 'required');

我想让它类似于html必填字段样式

用户名：

提前致谢

A screenshot demonstration

Answer 1

要使 php codeigniter required 错误消息像 html5 内置必需标签，您必须处理一些 css。意味着需要的codeigniter是服务器端验证，它不成功，然后它将错误消息作为字符串返回，在前端你必须在某些标签（如div，label，span等）中显示它。在那个区域应用 css，这样你就可以得到任何你想要的样式的错误信息。