筆記下 PHP 的表單驗證中常見的 Regular Expression 和前端 input 所提供的方法。
課程相關資訊
[連結]:https://www.codecademy.com/learn/learn-php
本篇範圍:Chapter 9 ( PHP Form Validation ) ,一共有 10 篇
請注意:本系列文章為個人對應課程的消化吸收後,所整理出來的內容。換言之,並不一定會包含全部的課程內容,也有可能會添加其他資源來說明。
內容
1. <input> 標籤中的 required 欄位,可以設置長度的最小值、最大值、甚至是用 pattern 來規定使用者。不過這些條件由於設置在前端 HTML 標籤上,有心人還是可以透過自行修改來達成目的。
2. 用 JavaScript 來進行驗證也是個不錯的方式。在按下 Submit 後,會進行一系列的驗證後,再傳送到後端伺服器。(常用條件可用 Regex 來設立)
3. 後端伺服器也需要設立規則來檢核使用者提供的資料,如果有誤就回傳對應訊息
Demo
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
<!DOCTYPE html> <html lang="en" dir="ltr"> <body> <h1>Basic HTML Validation</h1> <form action="" method="POST"> <label for="text">Enter your name here:</label> <input id="name" name="name" type="text" required minlength="3" maxlength="100"> <br><br> <label for="number">Enter your age here:</label> <input type="number" name="age" id="age" required min="1" max="123"> <br><br> <label for="code">Best place to learn to code: (hint: starts with a "C")</label> <input id="code" name="code" type="text" required pattern="[cC]odecademy"> <br><br> <input type="submit" value="Submit"> </form> </body> </html> |
相關文章
★全文分享★ [筆記] Codecademy Learn PHP – 17
筆記下 PHP 的 Class和物件的相關用法。對於 JavaScript 的開發者,用 OOP 概念撰寫的 Class 算是比較陌生的。一直到 ES6 後才導入較為類似的寫法。課程相關資訊[連結]:https://www.codecademy.com/learn/learn-php
★全文分享★ [筆記] Codecademy Learn PHP – 16
筆記下 PHP 的表單驗證的另外一種方式:用 php 的 filter_var() 當作基礎,同時客製化自己的 Validation。課程相關資訊[連結]:https://www.codecademy.com/learn/learn-php本篇範圍:Chapter 9 ( PHP Form Validation ) ,一共
★全文分享★ [筆記] Codecademy Learn PHP – 14
筆記下 PHP 的迴圈與 HTML 的結合使用。課程相關資訊[連結]:https://www.codecademy.com/learn/learn-php本篇範圍:Chapter 8 ( Loops in PHP ) ,一共有 10 篇請注意:本系列文章為個人對應課程的消化吸收後,所整理
★全文分享★ [筆記] Codecademy Learn PHP – 13
筆記下 PHP 的迴圈使用相關介紹。課程相關資訊[連結]:https://www.codecademy.com/learn/learn-php本篇範圍:Chapter 8 ( Loops in PHP ) ,一共有 10 篇請注意:本系列文章為個人對應課程的消化吸收後,所整理出來
★全文分享★ [筆記] Codecademy Learn PHP – 12
筆記下 PHP 的邏輯運算子,以及巢狀的情境應用。課程相關資訊[連結]:https://www.codecademy.com/learn/learn-php本篇範圍:Chapter 7 ( HTML Handling in PHP ) ,一共有 10 篇請注意:本系列文章為個人對應課程的消
★全文分享★ [筆記] Codecademy Learn PHP – 11
筆記下 PHP 的邏輯運算子的應用。課程相關資訊[連結]:https://www.codecademy.com/learn/learn-php本篇範圍:Chapter 7 ( HTML Handling in PHP ) ,一共有 10 篇請注意:本系列文章為個人對應課程的消化吸收後,所整
★全文分享★ [筆記] Codecademy Learn PHP – 9
筆記下 PHP 在前端網頁的使用情境。這篇會提及 Superglobals、GET、POST 和 ACTION 於 <form> 標籤的運用。課程相關資訊[連結]:https://www.codecademy.com/learn/learn-php本篇範圍:Chapter 6 ( HTML Handling in PHP ) ,
★全文分享★ [筆記] Codecademy Learn PHP – 8
筆記下 PHP 如何運用在前端網頁的情境下,一共分為靜態和動態資料兩個段落。課程相關資訊[連結]:https://www.codecademy.com/learn/learn-php本篇範圍:Chapter 6 ( HTML Handling in PHP ) ,一共有 10 篇請注意:本
★全文分享★ [筆記] Codecademy Learn PHP – 7
筆記下 PHP 中的關聯陣列 ( Associative Arrays ) 的操作應用。課程相關資訊[連結]:https://www.codecademy.com/learn/learn-php本篇範圍:Chapter 5 (Associative Arrays) ,一共有 10 篇請注意:本系列文章為個人對應課程
★全文分享★ [筆記] Codecademy Learn PHP – 6
筆記下 PHP 中常用的內建函式 Array 操作應用。課程相關資訊[連結]:https://www.codecademy.com/learn/learn-php本篇範圍:Chapter 5 (Learn PHP) ,一共有 10 篇請注意:本系列文章為個人對應課程的消化吸收後,所
★全文分享★ [筆記] Codecademy Learn PHP – 5
筆記下 PHP 中常用的內建函式應用。課程相關資訊[連結]:https://www.codecademy.com/learn/learn-php本篇範圍:Chapter 4 (Learn PHP variables) ,一共有 10 篇請注意:本系列文章為個人對應課程的消化吸收後,所整
★全文分享★ [筆記] Codecademy Learn PHP – 4
筆記下 PHP 中建立函式相關的應用方式。課程相關資訊[連結]:https://www.codecademy.com/learn/learn-php本篇範圍:Chapter 3 (Learn PHP variables) ,一共有 10 篇請注意:本系列文章為個人對應課程的消化吸收後,
★全文分享★ [筆記] Codecademy Learn PHP – 3
筆記下 PHP 中數字相關的使用方式。課程相關資訊[連結]:https://www.codecademy.com/learn/learn-php本篇範圍:Chapter 2 (Learn PHP variables) ,一共有 10 篇請注意:本系列文章為個人對應課程的消化吸收後,所整
★全文分享★ [筆記] Codecademy Learn PHP – 2
筆記下 PHP 中變數的使用和重新給予新的值。課程相關資訊[連結]:https://www.codecademy.com/learn/learn-php本篇範圍:Chapter 2 (Learn PHP variables) ,一共有 10 篇請注意:本系列文章為個人對應課程的消化吸收
★全文分享★ [筆記] Codecademy Learn PHP – 1
Codecademy 是在 2011 年創立的一個線上學寫程式平台,擅用其免費版的功能,可以讓你簡單的體驗多數程式語言的共通項目(如變數命名、陣列……等)的語法。由於 WordPress 的後台是使用 php ,為了讓自