jQuery validate 设置失去焦点就校验

<script type="text/javascript">
    $(function(){
        var flag = $("#addForm").validate({
            onfocusout: function(element) { $(element).valid(); },
            rules:{
                website:{
                    required:true,
                    minlength:2
                },
                url:{
                    url:true,
                    require:true
                }
            }

        });
    });
</script>

原文地址:https://www.cnblogs.com/jepson6669/p/9062429.html

时间: 2025-01-17 14:40:07

jQuery validate 设置失去焦点就校验的相关文章

jQuery validate 设置失去焦点就校验和失去焦点就表单校验是否通过

js部分 html部分 自定义样式: /*自定义validate覆盖掉了 validate 里面默认的显示样式*/ label.error{ background:url(${pageContext.request.contextPath }/images/unchecked.gif) no-repeat 10px 3px; /* no-repeat 背景图片不填充*/ padding-left: 30px; font-family:georgia; font-size: 15px; font-

使用JQuery.validate后的bootstrap风格校验提示?

因为项目使用了bootstrap框架,在做form提交时需要进行验证.本来研究了一下午jqBootstrapValidator,可是不好用,最终还是想用JQuery validate. 其实最主要就是showErrors方法,自定义了bootstrap风格的浮动提示框,避免了在自己html中定义一个span或是p,来显示error message. 至于validate的rules,在js中就没有写了,我是在input的class标签中定义的. 此外,还要注意的就是项目后台使用了struts2,

Jquery Validate动态添加和删除校验规则

以下面文本框为例, <input type="text"name="username" id="username"/> 我们要让这个文本框只能输入数字,那么对应的rules里面应该设置  username:number, 但是当用户进行某个操作后,我们又不需要这个校验规则了,具体的实现如下: 首先不管这个验证是不是需要取消,我们在初始化的时候都给它加上. 当用户进行了某个操作后,需要取消这个校验规则: 1 $("#usern

jQuery Validate 自定义校验及ajax校验

http://www.w3cschool.cc/jquery/jquery-plugin-validate.html这里文档比较全面! 实践: 复杂的一些校验,如正则校验,可以通过jQuery.validate.addMethod()http://jqueryvalidation.org/jQuery.validator.addMethod 来实现,添加完后,就可以通过jQuery.validate()在rules中添加校验规则 jQuery.validator.addMethod("numOr

jQuery Validate 使用

原文来自:点击打开链接 jQuery Validate jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 该插件是由 J?rn Zaefferer 编写和维护的,他是 jQuery 团队的一名成员,是 jQuery UI 团队的

jQuery Validate【为表单提供了强大的验证功能,让客户端表单验证变得更简单】

jQuery Validate jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 URL 和电子邮件验证,同时提供了一个用来编写用户自定义方法的 API.所有的捆绑方法默认使用英语作为错误信息,且已翻译成其他 37 种语言. 该插件是由 J?rn Zaefferer 编写和维护的,他是 jQuery 团队的一名成员,是 jQuery UI 团队的主要开发人员,是 QUn

jquery validate使用笔记

1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家.     1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素  3.鼠标离开后的正确.错误提示及鼠标移入时的帮助提醒 对于初学者而言,html表单验证是一项极其琐碎的事情.要做好表单验证,需要准备以下基本要素: 1.html表单结构:包含需要校验的表单元素: 2.js逻辑控制:在需要校验的表单元素上绑定事件,如点击.获取焦点.失去焦点等事件,并设置这些事件对应的执行函数: 3.css样式设置:针对需要校验的

jquery validate表单验证插件-推荐

1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家.     1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素  3.鼠标离开后的正确.错误提示及鼠标移入时的帮助提醒 对于初学者而言,html表单验证是一项极其琐碎的事情.要做好表单验证,需要准备以下基本要素: 1.html表单结构:包含需要校验的表单元素: 2.js逻辑控制:在需要校验的表单元素上绑定事件,如点击.获取焦点.失去焦点等事件,并设置这些事件对应的执行函数: 3.css样式设置:针对需要校验的

jQuery.validate 的form校验

jQuery验证框架 : 基本html代码: 1 <script src="js/jquery-1.9.1.js"></script> 2 <script src="js/jquery.validate.min.js"></script> 3 <script> 4 $(function () { 5 $('#myForm').validate({ 6 7 rules: { 8 // 用户名 9 userna