1. 程式人生 > >JavaScript的基礎

JavaScript的基礎

table ont employ 英文 rst 括號 value spa must

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的基礎