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所需的標籤不一樣

回答

相關問題