JavaScript的基礎

標籤：表單   text   date   div   str   script   傳遞資料   ast   last   

JavaScript表單驗證

JavaScript可用來在資料被送往伺服器錢對HTML表單中的這些輸入資料進行驗證。

表單資料經常需要使用JavaScript來驗證其正確性：

·驗證表單資料是否為空白？

·驗證輸入是否是一個正確的email地址？

·驗證日期是否輸入 正確？

·驗證表單輸入內容是否為數字型？

<form action="####" method="post" name="myForm" onsubmit="return validateForm()"> First name:<input type="text" id="" name="fname" value="" /> <input type="submit" value=""/> </form> <script type="text/javascript"> function validateForm () { var x = document.forms["myForm"]["fname"].value; if (x===null || x ==="") { alert("First name must be filled out"); return false; } } </script>

JavaScript中的json

Json是用於儲存和傳輸資料的格式。

JSON通常用於服務端向網頁傳遞資料。

什麼是json

1. json英文全程JavaScript Object Notation
2. Json是一種輕量級的資料交換格式。
3. Json是獨立的語言
4. Json易於理解。

Tip:Json使用JavaScript文法，但是json格式僅僅是一個文本。文本可以被任何程式設計語言讀取及作為資料格式傳遞。

執行個體：

{"employees":[     {"firstName":"John", "lastName":"Doe"},      {"firstName":"Anna", "lastName":"Smith"},     {"firstName":"Peter", "lastName":"Jones"} ]}

JSON 格式化後為JavaScript對象

Json格式在文法上與建立JavaScript對象代碼是相同的。

由於他們很相似，所以JavaScript程式可以很容易的將json資料轉換為JavaScript對象。

Json文法規則

1. 資料為索引值對。
2. 資料由逗號分隔。
3. 大括弧儲存對象
4. 方括弧儲存數組

Json資料，一個名稱對應一個值

Json資料格式為索引值對，就像JavaScript對象屬性。

索引值對包括欄位名稱（在雙引號），後面一個冒號，然後是值；

Json對象儲存在大括弧內。

就像JavaScript中對象可以儲存多個索引值對：

{"firstName":"John", "lastName":"Doe"}

 

Json數組

json數組儲存在中括弧內。

就像JavaScript中，數組可以包含對象：

 

JavaScript的基礎