jquery validation用法

文档地址

https://jqueryvalidation.org/documentation/

$(function () {//jquery validate$('#form1').validate({rules: {groupName: {required: true,minlength: 5,maxlength: 30,checkName: true}},messages: {groupName: {required: "不能为空",minlength: "最短5字符",maxlength: "最长30个字符"},bizName: {required: "不能为空",minlength: "最短5字符",maxlength: "最长30个字符"}},//失焦校验onfocusout: function (element) {$(element).valid();},//校验失败后错误追加提示的dom类型errorElement: 'div',errorPlacement: function (error, element) {//错误的classerror.addClass('invalid-feedback col-sm-1');//拼接错误信息的位置，以下代码是找最近的 class为form-group 的元素后进行接入错误信息element.closest('.form-group').append(error);},highlight: function (element, errorClass, validClass) {$(element).addClass('is-invalid');},unhighlight: function (element, errorClass, validClass) {$(element).removeClass('is-invalid');}});
}
//自定义正则表达示验证方法
$.validator.addMethod("checkName",function(value,element,params){var checkName = /^[A-Za-z0-9\-_]+$/;return this.optional(element)||(checkName.test(value));},"只能包含大小写英文字符，数字，下划线，中划线！");

手动调用校验

$("#form").valid()

在失焦时对元素进行校验

$("#form").validate({onfocusout: function(element){$(element).valid();}
});

jquery validation用法相关推荐

jQuery 表单验证插件，jQuery Validation Engine用法详解
jQuery 表单验证插件,jQuery Validation Engine用法详解功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身 ...
jQuery 表单验证插件jQuery Validation Engine用法详解
功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则. jQuery Validation ...
JQuery 表单验证--jquery validation
jquery validation,表单验证控件官方地址 :http://jqueryvalidation.org/ jquery表单验证默认值校验规则 jquery表单验证默认的提示 1 &l ...
jquery and jquery validation 常见问题解决
Cannot read property 'settings' of undefined jquery validation 这个问题常常发生在动态添加rule的时候. 解决方法 // 在timeou ...
ajax提交前先验证,jQuery验证AJAX之前提交(jQuery validation before AJAX sub
我有以下的jQuery验证代码的简单注册表格: $(document).ready(function(){ $("#registerForm").validate({ rules: ...
jQuery .tmpl() 用法
参考效果: DEMO 下载: jquery-tmpl-master 动态请求数据来更新页面是现在非常常用的方法,比如博客评论的分页动态加载,微博的滚动加载和定时请求加载等. 这些情况下,动态请求返回 ...
验证控件jQuery Validation Engine调用外部函数验证
在使用jQuery Validation Engine的时候,我们除了使用自带的API之外,还可以自己自定义正则验证.自定义正则验证上一篇已经讲过了,如果想使用自定义函数进行验证怎么办?其实这个控件有 ...
[原创]jQuery Validation范例
上班无事,学习jQuery Validation,于是手写一公共范例,并收藏以便后用验证操作类formValidatorClass.js 1/**//** 2 * @author min ...
jQuery 表单验证插件 jQuery Validation Engine 使用
jQuery 表单验证插件 jQuery Validation Engine 使用方式如下: 1.引入头文件(注意一定要把jQuery放在前面),指定使用 jQuery Validation Engi ...
验证错误信息jquery validation
题记:写这篇博客要主是加深自己对验证错误信息的认识和总结实现算法时的一些验经和训教,如果有错误请指出,万分感谢. 单页面多表单的jquery 验证怎么办?想要添加自定义的验证函数怎么办? 不知道大家有 ...

jquery validation用法

jquery validation用法相关推荐

最新文章

热门文章