WEB - 前端 - 表单校验
【表单校验】
客户端校验
发生在浏览器端,表单数据被提交到服务器之前,这种方式相较于服务器端校验来说:
1 JavaScript 校验 可以完全自定义的实现方式;
2 HTML5 内置校验 不需要 JavaScript ,而且性能更好,但是不可自定义。
服务器端校验
则是发生在浏览器提交数据并被服务器端程序接收之后,通常服务器端校验都是发生在将数据写入数据库之前,
服务器端校验是你的应用对抗错误/恶意数据的最后防线,
服务端框架都提供了数据校验与清洁功能(让数据更安全)。
【客户端校验】
方式1:
HTML5 内置校验 方式学习应用;
方式2: JavaScript 校验
(1)使用jQuery Validation插件
使用说明:
思路:针对不同的字段,进行验证规则编码,设置字段相应的属性
校验规则: 内置规则;
添加自定义校验规则;
1:引入插件:
<script src="/jquery.metadata.js"></script>
<script src="/messages_zh.js"></script>
2:应用方式1:将校验规则写到控件中
注:将校验规则写到控件中,还需引入插件:
<script src="jquery.metadata.js"></script>
应用方式2:将校验规则写到js代码中 - js编码:
(2)使用jQuery ValidationEngine 插件
此处仅作了解 - 因为我还没有尝试成功
知识点:
...................................................