JavaScript 表单验证

HTML 表单验证可以通过 JavaScript 来完成。

HTML 表单自动验证

HTML 表单验证也可以通过浏览器来自动完成。nternet Explorer 9 及更早 IE 浏览器不支持表单自动验证。

数据验证

数据验证用于确保用户输入的数据是有效的。

典型的数据验证有：

• 必需字段是否有输入?
• 用户是否输入了合法的数据?
• 在数字字段是否输入了文本?

大多数情况下，数据验证用于确保用户正确输入数据。

数据验证可以使用不同方法来定义，并通过多种方式来调用。

服务端数据验证是在数据提交到服务器上后再验证。

客户端数据验证 side validation是在数据发送到服务器前，在浏览器上完成验证。

HTML 约束验证

HTML5 新增了 HTML 表单的验证方式：约束验证（constraint validation）。

约束验证是表单被提交时浏览器用来实现验证的一种算法。

HTML 约束验证基于：

• HTML 输入属性
• CSS 伪类选择器
• DOM 属性和方法
  

  JavaScript 表单验证

  JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

  表单数据经常需要使用 JavaScript 来验证其正确性：

  • 验证表单数据是否为空？
  • 验证输入是否是一个正确的email地址？
  • 验证日期是否输入正确？
  • 验证表单输入内容是否为数字型？
    

    必填（或必选）项目

    下面的函数用来检查用户是否已填写表单中的必填（或必选）项目。假如必填或必选项为空，那么警告框会弹出，并且函数的返回值为 false，否则函数的返回值则为 true（意味着数据没有问题）：

    E-mail 验证

    下面的函数检查输入的数据是否符合电子邮件地址的基本语法。

    意思就是说，输入的数据必须包含 @ 符号和点号(.)。同时，@ 不可以是邮件地址的首字符，并且 @ 之后需有至少一个点号

    JavaScript 验证 API

    约束验证 DOM 方法

    什么是 JSON?

    • JSON 英文全称 JavaScript Object Notation
    • JSON 是一种轻量级的数据交换格式。
    • JSON是独立的语言 *
    • JSON 易于理解。

      JSON 是用于存储和传输数据的格式。

      JSON 通常用于服务端向网页传递数据 。JSON 使用 JavaScript 语法，但是 JSON 格式仅仅是一个文本。
      文本可以被任何编程语言读取及作为数据格式传递。

      JSON 格式化后为 JavaScript 对象

      JSON 格式在语法上与创建 JavaScript 对象代码是相同的。

      由于它们很相似，所以 JavaScript 程序可以很容易的将 JSON 数据转换为 JavaScript 对象。

      JSON 格式化后为 JavaScript 对象

      JSON 格式在语法上与创建 JavaScript 对象代码是相同的。

      由于它们很相似，所以 JavaScript 程序可以很容易的将 JSON 数据转换为 JavaScript 对象。

      JSON 格式化后为 JavaScript 对象

      JSON 格式在语法上与创建 JavaScript 对象代码是相同的。

      由于它们很相似，所以 JavaScript 程序可以很容易的将 JSON 数据转换为 JavaScript 对象。

      JSON 格式化后为 JavaScript 对象

      JSON 格式在语法上与创建 JavaScript 对象代码是相同的。

      由于它们很相似，所以 JavaScript 程序可以很容易的将 JSON 数据转换为 JavaScript 对象。

      JSON 格式化后为 JavaScript 对象

      JSON 格式在语法上与创建 JavaScript 对象代码是相同的。

      由于它们很相似，所以 JavaScript 程序可以很容易的将 JSON 数据转换为 JavaScript 对象。

      JSON 格式化后为 JavaScript 对象

      JSON 格式在语法上与创建 JavaScript 对象代码是相同的。

      由于它们很相似，所以 JavaScript 程序可以很容易的将 JSON 数据转换为 JavaScript 对象。

      JSON 格式化后为 JavaScript 对象

      JSON 格式在语法上与创建 JavaScript 对象代码是相同的。

      由于它们很相似，所以 JavaScript 程序可以很容易的将 JSON 数据转换为 JavaScript 对象。

      JSON 格式化后为 JavaScript 对象

      JSON 格式在语法上与创建 JavaScript 对象代码是相同的。

      由于它们很相似，所以 JavaScript 程序可以很容易的将 JSON 数据转换为 JavaScript 对象。

      JavaScript 代码规范

      代码规范通常包括以下几个方面:

      • 变量和函数的命名规则
      • 空格，缩进，注释的使用规则。
      • 其他常用规范……

      规范的代码可以更易于阅读与维护。

      代码规范一般在开发前规定，可以跟你的团队成员来协商设置。

      JavaScript 代码规范

      代码规范通常包括以下几个方面:

      • 变量和函数的命名规则
      • 空格，缩进，注释的使用规则。
      • 其他常用规范……

      规范的代码可以更易于阅读与维护。

      代码规范一般在开发前规定，可以跟你的团队成员来协商设置。

      JavaScript 代码规范

      代码规范通常包括以下几个方面:

      • 变量和函数的命名规则
      • 空格，缩进，注释的使用规则。
      • 其他常用规范……

      规范的代码可以更易于阅读与维护。

      代码规范一般在开发前规定，可以跟你的团队成员来协商设置。

      JavaScript 代码规范

      代码规范通常包括以下几个方面:

      • 变量和函数的命名规则
      • 空格，缩进，注释的使用规则。
      • 其他常用规范……

      规范的代码可以更易于阅读与维护。

      代码规范一般在开发前规定，可以跟你的团队成员来协商设置。

      JavaScript 代码规范

      代码规范通常包括以下几个方面:

      • 变量和函数的命名规则
      • 空格，缩进，注释的使用规则。
      • 其他常用规范……

      规范的代码可以更易于阅读与维护。

      代码规范一般在开发前规定，可以跟你的团队成员来协商设置。

      JavaScript 代码规范

      代码规范通常包括以下几个方面:

      • 变量和函数的命名规则
      • 空格，缩进，注释的使用规则。
      • 其他常用规范……

      规范的代码可以更易于阅读与维护。

      代码规范一般在开发前规定，可以跟你的团队成员来协商设置。

      JavaScript 代码规范

      代码规范通常包括以下几个方面:

      • 变量和函数的命名规则
      • 空格，缩进，注释的使用规则。
      • 其他常用规范……

      规范的代码可以更易于阅读与维护。

      代码规范一般在开发前规定，可以跟你的团队成员来协商设置。

      使用 JavaScript 访问 HTML 元素

      一个糟糕的 HTML 格式可能会导致 JavaScript 执行错误。

      文件扩展名

      HTML 文件后缀可以是 .html (或r .htm)。

      CSS 文件后缀是 .css 。

      JavaScript 文件后缀是 .js 。

      文件扩展名

      HTML 文件后缀可以是 .html (或r .htm)。

      CSS 文件后缀是 .css 。

      JavaScript 文件后缀是 .js 。