>[danger] 插件下载地址
~~~
http://static.runoob.com/download/jquery-validation-1.14.0.zip
~~~
>[danger] CDN引入地址
~~~
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script> //JQuery文件
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>//插件主JS文件
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script> //中文提示信息JS
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.form.js""></script> //form表单ajax提交JS
~~~
>[info] 基本格式
~~~
<script>
$('form').validate({
rules:{
user: { //input中控件得name
required: true, //具体限制规则
rangelength:[6,8],
remote:"do_validate.php", //异步验证
},
.
.
.
messages:{
user:{
required:'用户名不能为空', //自定义提示信息
rangelength:'用户名至少6位,最多8位',
remote:'该用户名已注册',
},
.
.
.
},
//验证通过以后,给通过得控件加上 checked 属性
success: function(label) {
// set as text for IE
label.html(" ").addClass("checked");
//label.addClass("valid").text("Ok!")
},
//ajax 提交
submitHandler:function(form){
$(form).ajaxSubmit({
type:'post',
url:'do_validate.php',
dataType:'json',
success:function(res){
console.log(res);
}
})
},
//设置错误信息显示的位置
errorPlacement:function(error,ele){
ele.next().html(error);
}
//
})
</script>
~~~
- 概要
- HTML
- CSS
- PHP
- Mysqli
- Mysqli 连接查询
- Mysqli 左外连接查询
- Mysqli 右外连接查询
- JavaScript
- JS 变量和常量的定义
- JS 运算符
- JS 流程控制
- JS 函数
- JS 数组
- JS数据类型
- JS 错误处理
- JS作用域
- JS 节点操作
- JS 遗留DOM
- JS 闭包
- JS 对象(构造函数)
- JS JSON
- JS 节点属性操作
- JS 设置CSS样式
- JS 获取元素位置
- JS 事件
- JS 内置对象
- String 对象
- Date 对象
- Array 对象
- Math 对象
- Window 对象
- navigator 对象
- screen 对象
- location 对象
- Ajax
- 创建 Ajax 对象(兼容)
- AJax 对象属性和方法
- Ajax get 五步骤
- Ajax post 六步骤
- Ajax get&post 封装
- XML
- XML 语法&格式
- DOM 节点创建XML
- PHP 创建XML
- xmlwrite 类创建XML
- xmlReader 类解析xml
- JQuery
- JQuery 选择器
- JQuery 事件
- JQuery 节点之间的操作
- JQuery html属性设置
- JQuery Class属性设置
- JQuery CSS样式设置值
- JQuery 文本内容获取
- JQuery 动画特效
- JQuery 数组&对象遍历
- JQuery 对象扩展方法
- JQuery Ajax操作
- JQuery Pjax
- JQuery Layer前端框架
- JQuery validation 插件
- ThinkPHP5
- 数据库配置
- 基本操作
- 查询构造器
- 查询数据
- 增加数据
- 更新数据
- 删除数据
- Session
- Cookie
- Linux
- 指令分类
- 文件属性
- 文件处理命令
- 帮助命令
- 解压缩命令
- 网络通信命令
- 系统开关机
- Shell使用技巧
- VIM+vi 指令