Codeigniter所需的字段与Html5所需的标签不一样

我使用codeigniter使用php制作登录表单。 A screenshot demonstration Codeigniter所需的字段与Html5所需的标签不一样

我想使用传统的html5标签输入字段。如果输入字段为空，并且它具有良好样式，那么html5必需标记不允许您提交页面，因为它弹出而不重新加载页面。

我使用的是codeigniter，即使我已经将所需的功能添加到输入窗体，它仍然允许用户在空字段上提交页面，并且在页面重新加载之后给它们提供了错误。风格很丑。

如何使笨所需标签等所需的HTML5内置的标签

我的PHP代码的CodeIgniter

$这个 - > form_validation-> set_rules（ '用户名'，“用户名PHP '，'required'）;

我想，使其类似于HTML必填字段风格

用户名：<输入类型= “文本” 名称= “usrname” 要求>

谢谢提前

A screenshot demonstration

来源

2017-05-26 mark

你需要同时做两个。验证规则仅在提交表单后才在后端处理。 – CollinD

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

你可以使用jquery验证引擎。 –

要使php codeigniter required错误消息像html5内置的必需标记，您必须处理一些CSS。意味着codeigniter需要的是服务器端验证，它不成功，那么它将以字符串的形式返回错误消息，在前端你必须显示在一些标签（如div，label，span等）。在该区域应用css，以便您可以以任何您想要的样式获取错误消息。

来源

2017-05-26 06:53:51

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

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

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

Codeigniter所需的字段与Html5所需的标签不一样

回答

相关问题