validate验证
导入需要的js 自动验证
<script src="${ctx }/static/assets/js/jquery-2.1.4.min.js"></script>
<script src="${ctx }/static/assets/js/jquery.validate.min.js"></script>
jQuery(function($) {
$('#updateeditUser-form').validate({ //updateeditUser-form为form的id
errorElement: 'div',
errorClass: 'help-block',
focusInvalid: false,
ignore: "",
rules: { //建立规则
username: { //username为input里的id
required: true,
maxlength: 20
},
tel:{
required: true,
maxlength: 20
},
password:{
required: true,
maxlength: 20,
minlength: 5
},
password1:{
required: true,
maxlength: 20,
minlength: 5,
equalTo: "#password"
},
},
messages: {
username: {
required: "请填写员工姓名",
maxlength:"请不要填写过长的员工姓名"
},
tel:{
required: "请填写手机号,这将作为您的登陆账号供您使用",
maxlength:"请不要填写过长的手机号码"
},
password:{
required: "请填写密码",
maxlength:"密码请输入5-20个字符",
minlength:"密码请输入5-20个字符"
},
password1:{
required: "请填写密码",
maxlength:"密码请输入5-20个字符",
minlength:"密码请输入5-20个字符",
equalTo:"请确认两次密码输入一致"
}
},
highlight: function (e) {
$(e).closest('.form-group').removeClass('has-info').addClass('has-error');
},
success: function (e) {
$(e).closest('.form-group').removeClass('has-error');//.addClass('has-info');
$(e).remove();
},
errorPlacement: function (error, element) {
if(element.is('input[type=checkbox]') || element.is('input[type=radio]')) {
var controls = element.closest('div[class*="col-"]');
if(controls.find(':checkbox,:radio').length > 1) controls.append(error);
else error.insertAfter(element.nextAll('.lbl:eq(0)').eq(0));
}
else if(element.is('.select2')) {
error.insertAfter(element.siblings('[class*="select2-container"]:eq(0)'));
}
else if(element.is('.chosen-select')) {
error.insertAfter(element.siblings('[class*="chosen-container"]:eq(0)'));
}
else error.insertAfter(element.parent());
},
submitHandler: function (form) {
form.submit();
},
invalidHandler: function (form) {
}
});
})
转载于:https://www.cnblogs.com/1234cjq/p/5961073.html
validate验证相关推荐
- jQuery Validate验证框架详解
2019独角兽企业重金招聘Python工程师标准>>> 一.导入js库 <script type="text/javascript" src="& ...
- 使用RMAN VALIDATE验证数据和备份
在oracle中可以使用rman VALIDATE来检查数据库是否存在坏块,检测备份集是否有用, 特别是备份集,建议定期做VALIDATE 验证,避免备份失败造成数据库损失. 1.VALIDATE D ...
- atitit.jQuery Validate验证框架详解与ati Validate 设计新特性
atitit.jQuery Validate验证框架详解与ati Validate 设计新特性 1. AtiValidate的目标1 2. 默的认校验规则1 2.1. 使用方式 1.metadata用 ...
- 弹出框页面中使用jquery.validate验证控件
弹出框页面中使用jquery.validate验证控件有几个问题需要解决: 1,弹出框的提交事件完成后如何关闭弹出框页面? 2,提交不成功如何返回当前页? 3,如果知道验证事件成功? 之前笔者都是JS ...
- jQuery.Validate 验证,以及 remote验证, 多参数传递
jQuery.Validate 验证: http://www.runoob.com/jquery/jquery-plugin-validate.html 教程网址,很简单, 今天主要在这里记录一下re ...
- 为什么element ui 中表单验证validate验证成功不执行验证成功的逻辑代码
element ui 中表单验证validate验证成功不执行成功的逻辑代码 首先今天做项目时遇到的一个问题,下面代码中,如果上面的验证规则通过但是不会执行验证通过的代码,只有验证不通过才会输出els ...
- thinkphp5中Validate验证模板的使用和二次封装构建项目的验证层
thinkphp5中Validate验证类的使用和二次封装构建项目的验证层 1.thinkphp验证方法流程 2.封装验证层 1.thinkphp验证方法流程 $data=['id'=>'xia ...
- laravel validate验证参数说明
文章目录 validate的介绍 validate的使用 简单的表单验证 关于数组数据的注意事项 validate验证参数说明 accepted active_url after:date after ...
- jQuery(六)插件、Validate验证提交表单、submitHandler、更改错误信息显示的位置、required、Validator、内置验证方式表、validate ()的可选项汇总
jQuery(六)插件.Validate验证提交表单.submitHandler.更改错误信息显示的位置.required.Validator.内置验证方式表.validate ()的可选项汇总 文章 ...
- oracle数据库validate,使用RMAN VALIDATE验证数据和备份
在oracle中可以使用rman VALIDATE来检查数据库是否存在坏块,检测备份集是否有用, 特别是备份集,建议定期做VALIDATE 验证,避免备份失败造成数据库损失. 1.VALIDATE D ...
最新文章
- MySQL性能优化速记
- propertychange 属性说明
- SQLServer中ISNULL、NULLIF和CONVERT函数
- 显示非模式窗口和模式窗口
- 系统优化方法与智能优化算法
- 实数系的基本定理_初中篇1|知实数-为什么0.9的循环等于1?
- python正则表达式判断数字_Python机器学习之手写数字辨识及正则表达式
- CentOS 5.5下搭建部署独立SVN服务器全程详解
- CDMA系统的三种码
- PHP进程1608占用了9012,swoole (ERRNO 9012): worker exit timeout, forced to terminate
- 对于原始轨迹的噪声过滤方法和曲率计算方法
- 关于sources.list和apt-get [转载]
- 创业者请不断自问:我能帮用户解决什么问题?
- layui表格使用复选框批量删除_layui表格数据复选框回显设置方法,表格复选框...
- DM860步进电机接线及拨码
- 计算机二级C语言知识点复习资料,精简版
- 离散数学学习笔记----命题逻辑的推理理论
- 震惊!你可能下了个假的抢红包神器
- Http request传输图片和附属信息(old)
- web前端 打地鼠小游戏