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

Posted 2023-05-08

【中文标题】Codeigniter 必填字段与 Html5 必填标签不同

【英文标题】：Codeigniter required field not the same as Html5 required tag

【发布时间】：2017-10-26 23:28:04

【问题描述】：

我正在使用 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

【问题讨论】：

你需要同时做这两件事。验证规则只有在表单提交后才会在后端处理。

哦，对了。那么这是否意味着我需要使用 html 输入创建一个表单并通过 codeigniter 将其与 form_validation 规则集成？

可以使用jquery验证引擎。

【参考方案1】：

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

【讨论】：

感谢您的回复。但不是 php 代码 ** form_validation->set_rules('username', 'username', 'required'); ** 已经创建了一个输入字段？我不知道我会如何设计它？？

不，这是一种检查服务器端输入字段中数据是否可用的方法。 JS, Html-5 验证在客户端工作，这意味着如果验证失败，他们不会让您提交表单。但是服务器端验证检查服务器上的数据，如果验证失败则返回响应。

感谢您的回复。我认识到差异，但我不知道如何改变它？