[筆記] Codecademy Learn PHP – 15 @地瓜大的飛翔旅程

章節連結

課程相關資訊

內容

Demo

相關文章

筆記下 PHP 的表單驗證中常見的 Regular Expression 和前端 input 所提供的方法。

本篇範圍：Chapter 9 ( PHP Form Validation ) ，一共有 10 篇

請注意：本系列文章為個人對應課程的消化吸收後，所整理出來的內容。換言之，並不一定會包含全部的課程內容，也有可能會添加其他資源來說明。

內容

1. <input> 標籤中的 required 欄位，可以設置長度的最小值、最大值、甚至是用 pattern 來規定使用者。不過這些條件由於設置在前端 HTML 標籤上，有心人還是可以透過自行修改來達成目的。
2. 用 JavaScript 來進行驗證也是個不錯的方式。在按下 Submit 後，會進行一系列的驗證後，再傳送到後端伺服器。(常用條件可用 Regex 來設立)
3. 後端伺服器也需要設立規則來檢核使用者提供的資料，如果有誤就回傳對應訊息

Demo

<!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>

<!DOCTYPE html>

<body>

<h1>Basic HTML Validation</h1>

<label for="text">Enter your name here:</label>

<label for="number">Enter your age here:</label>

<label for="code">Best place to learn to code: (hint: starts with a "C")</label>

</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 ，為了讓自

按讚加入粉絲團

章節連結

課程相關資訊

內容