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 插件

                此处仅作了解 - 因为我还没有尝试成功

 

 

知识点:

 

posted @ 2020-04-09 21:55  丨Kouch  阅读(784)  评论(0编辑  收藏  举报