一、概述

validate: jquery的一个插件,依赖jquery使用，Validation是历史最悠久的jQuery插件之一，经过了全球范围内不同项目的验证，并得到了许多Web开发者的好评。作为一个标准的验证方法库，Validation拥有如下特点：
1. 内置验证规则：拥有必填、数字、Email、URL和信用卡号码等19类内置验证规则
2. 自定义验证规则：可以很方便地自定义验证规则
3. 简单强大的验证信息提示：默认了验证信息提示，并提供自定义覆盖默认的提示信息的功能
4. 实时验证：可能通过keyup或blur事件触发验证，而不仅仅在表单提交的时候验证

二、基本步骤

使用步骤:
1.导入jquery文件
2.导入validate.js
3.页面加载成功后!对表单进行验证! $(“选择器”).validate();
4.在validate中编写校验规则，rule是规则，mesages是自定义的提示语句

    $("选择器").validate({rules:{},messages:{}});

三、校验规则

默认校验规则
(1)required:true 必输字段
(2)remote:“check.php” 使用ajax方法调用check.php验证输入值
(3)email:true 必须输入正确格式的电子邮件
(4)url:true 必须输入正确格式的网址
(5)date:true 必须输入正确格式的日期日期校验ie6出错，慎用
(6)dateISO:true 必须输入正确格式的日期(ISO)，例如：2009-06-23，1998/01/22 只验证格式，不验证有效性
(7)number:true 必须输入合法的数字(负数，小数)
(8)digits:true 必须输入整数
(9)creditcard: 必须输入合法的信用卡号
(10)equalTo:"#field" 输入值必须和#field相同
(11)accept: 输入拥有合法后缀名的字符串（上传文件的后缀）
(12)maxlength:5 输入长度最多是5的字符串(汉字算一个字符)
(13)minlength:10 输入长度最小是10的字符串(汉字算一个字符)
(14)rangelength:[5,10] 输入长度必须介于 5 和 10 之间的字符串")(汉字算一个字符)
(15)range:[5,10] 输入值必须介于 5 和 10 之间
(16)max:5 输入值不能大于5
(17)min:10 输入值不能小于10

四、案例

需要导入插件，在web下新建js文件夹，将【validate.js】、【messages_zh.js】、【jquery.js】、【jquery.validate.min.js】导入

在文件的【head】部分加载文件

<script src="js/jquery-1.12.4.js"></script>
<script src="js/jquery.validate.js"></script>
<script src="js/messages_zh.js"></script>

案例演示：

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>validate的使用</title><script src="js/jquery-1.12.4.js"></script><script src="js/jquery.validate.js"></script><script src="js/messages_zh.js"></script>
</head>
<body>
<form id="formId" action="">必填：<input type="text" name="username"/> <br/>必填数字：<input type="text" id="password" name="password"/> <br />必填重复：<input type="text" name="repassword"/> <br />最小值：<input type="text" name="minvalue"/> <br />区间：<linput type="text" name="qujian"/> <br /><input type="submit" value="提交"/>
</form>
</body>
<script type="text/javascript">$(function () {$("#formId") .validate({rules:{username:"required",password:{required:true,digits:true},repassword:{required:true,equalTo:"#password"},minvalue:{min:10},qujian:{range:[100, 200]}},messages:{username:"用户名不能为空",password:{required:"密码不能为空",digits:"密码只能是数字"},repassword:{required:"密码不能为空",equalTo:"两次输入不一致"},minvalue:{min:"最小值使10"},qujian:{range:"区间只能是100-200"}}});});
</script>
</html>

Validate的使用相关推荐

laravel ajax返回json,Laravel validate error处理,ajax,json示例
如下所示: public function updateLevelTestRecords(Request $request) { $rules = [ 'uid' => 'required|in ...
jquery validate使用
一.用前必备官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-validation/ API: http://jquery.bass ...
easyui validate 后使用ajax提交
2019独角兽企业重金招聘Python工程师标准>>> 继承easyui的default验证,自定义验证规则如下: (function($){ //计算字符串或者汉字的长度 func ...
struts2 validate验证
转自:https://blog.csdn.net/houpengfei111/article/details/9038233 自定义拦截器要自定义拦截器需要实现com.opensymphony.xw ...
Using Regular Expression to validate a Guid
In this implementationtime,I just show you a simple way to validate a Guid. 1/// <summary> 2// ...
jquery validate 详解一
jQuery校验官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 一导入js库 <script src=&q ...
hibernate中validate的使用（转）
原文链接:http://blog.csdn.net/xing_sky/article/details/8484551 首先是要加入下面两个包 hibernate-validator-4.1.0.Fin ...
LeetCode 98. Validate Binary Search Tree--C++解法--判断是否是BST--递归，迭代做法，中序遍历
LeetCode 98. Validate Binary Search Tree–C++解法–判断是否是BST–递归,迭代做法,中序遍历 LeetCode题解专栏:LeetCode题解 LeetCod ...
LeetCode 468. Validate IP Address--笔试题--Python解法
题目地址:Validate IP Address - LeetCode Write a function to check whether an input string is a valid IPv ...
jquery validate 详解二
这里只是第二篇,前面的内容请参阅上一篇五.常用方法及注意问题 1.用其他方式替代默认的SUBMIT $().ready(function() { $("#signupForm" ...

Validate的使用

一、概述

二、基本步骤

三、校验规则

四、案例

Validate的使用相关推荐

最新文章

热门文章