[筆記] Codecademy Learn PHP – 15

Posted on2020-11-162020-11-11AuthorANDY LIEN

章節連結

課程相關資訊
內容

Demo

相關文章

筆記下 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

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

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

[筆記] Codecademy Learn PHP – 17

筆記下 PHP 的 Class和物件的相關用法。對

★全文分享★ [筆記] Codecademy Learn PHP – 16

[筆記] Codecademy Learn PHP – 16

筆記下 PHP 的表單驗證的另外一種方式：

★全文分享★ [筆記] Codecademy Learn PHP – 14

[筆記] Codecademy Learn PHP – 14

筆記下 PHP 的迴圈與 HTML 的結合使用。課

★全文分享★ [筆記] Codecademy Learn PHP – 13

[筆記] Codecademy Learn PHP – 13

筆記下 PHP 的迴圈使用相關介紹。課程相

★全文分享★ [筆記] Codecademy Learn PHP – 12

[筆記] Codecademy Learn PHP – 12

筆記下 PHP 的邏輯運算子，以及巢狀的情

★全文分享★ [筆記] Codecademy Learn PHP – 11

[筆記] Codecademy Learn PHP – 11

筆記下 PHP 的邏輯運算子的應用。課程相

★全文分享★ [筆記] Codecademy Learn PHP – 9

[筆記] Codecademy Learn PHP – 9

筆記下 PHP 在前端網頁的使用情境。這篇

★全文分享★ [筆記] Codecademy Learn PHP – 8

[筆記] Codecademy Learn PHP – 8

筆記下 PHP 如何運用在前端網頁的情境下

★全文分享★ [筆記] Codecademy Learn PHP – 7

[筆記] Codecademy Learn PHP – 7

筆記下 PHP 中的關聯陣列 ( Associative Arrays )

★全文分享★ [筆記] Codecademy Learn PHP – 6

[筆記] Codecademy Learn PHP – 6

筆記下 PHP 中常用的內建函式 Array 操作應

★全文分享★ [筆記] Codecademy Learn PHP – 5

[筆記] Codecademy Learn PHP – 5

筆記下 PHP 中常用的內建函式應用。課程

★全文分享★ [筆記] Codecademy Learn PHP – 4

[筆記] Codecademy Learn PHP – 4

筆記下 PHP 中建立函式相關的應用方式。

★全文分享★ [筆記] Codecademy Learn PHP – 3

[筆記] Codecademy Learn PHP – 3

筆記下 PHP 中數字相關的使用方式。課程

★全文分享★ [筆記] Codecademy Learn PHP – 2

[筆記] Codecademy Learn PHP – 2

筆記下 PHP 中變數的使用和重新給予新的

★全文分享★ [筆記] Codecademy Learn PHP – 1

[筆記] Codecademy Learn PHP – 1

Codecademy 是在 2011 年創立的一個線上學寫

按讚加入粉絲團

延伸閱讀

Blogimove部落格搬家技術服務