Day26 javascript 表单验证

今天因为最近在用表单，所以就来做个表单验证的笔记，JavaScript 表单验证到底怎麽用呢?
我们HTML 表单验证可以通过 JavaScript 来完成，因为有点难以解释，皆下来我会用例子解释，以下实例代码用於判断表单字段(fname)值是否存在，如果不存在，就弹出资讯，阻止表单提交：

接下来是JavaScript 如何验证输入的数位，同样直接举例，JavaScript 常用於对输入数位的验证：

再来是HTML 表单自动验证，其实HTML 表单验证也可以通过流览器来自动完成，再次举例，如果表单字段 (fname) 的值为空, required 属性会阻止表单提交：

P.s. Internet Explorer 9 和更早的IE流览器不支援表单自动验证。
接下来是资料验证的部分，资料验证用於确保使用者输入的资料是有效的，典型的资料验证有：
1.必需栏位是否有输入?
2.使用者是否输入了合法的资料?
3.在数位栏位是否输入了文本?
大多数情况下，资料验证用於确保使用者正确输入资料，且资料验证可以使用不同方法来定义，并通过多种方式来调用，咱们服务端资料验证是在资料提交到服务器上後再验证，至於用户端资料验证则是在资料发送到服务器前，在浏览器上完成验证。