JavaScript的基础

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中，数组可以包含对象：