触发焦点: $(“Element”).focus() 触发每一个匹配元素获得焦点事件。...$(“Element”).focus(function) 事件会在获得焦点的时候触发,既可以是鼠标行为,也可以是按tab键导航触发的行为,并且绑定一个处理方法。...失去焦点: $(“Element”).blur() 触发每一个匹配元素失去焦点事件。...$(“Element”).blur(function) 事件会在元素失去焦点的时候触发,既可以是鼠标行为,也可以是按tab键离开的行为,并且绑定一个处理方法。
事件函数列表 blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标单击 mouseover() 鼠标进入(进入子元素也触发) mouseout() 鼠标离开(离开子元素也触发)...mouseenter和mouseleave事件指定处理函数 ready() DOM加载完成 resize() 浏览器窗口的大小发生改变 scroll() 滚动条的位置发生变化 submit() 用户递交表单...编写一个form表单,用来演示输入框获取焦点和失去焦点的示例 ?...blur() 元素失去焦点 使用blur()失去焦点这个方法一般会结合获取文本框内容的函数一起使用,如下: ? 当获取到文本框内的值之后,就可以对其进行正则验证或者其他方式的校验。.../jquery-3.3.1.min.js"> $(function(){
each(function(){ var (" *"); //创建元素 required); //然后将它追加到文档中 }); //文本框失去焦点后...parent = parent.find(".formtips").remove(); //验证用户名 if( parent.append('<span class="formtips onError...triggerHandler("blur"); }).focus(function(){ $(this).triggerHandler("blur"); });//end blur //提交,最终验证
一 介绍 获得焦点事件(onfocus)是当某个元素获得焦点时触发事件处理程序。 失去焦点事件(onblur)是当前元素失去焦点时触发事件处理程序。...二 应用 文本框获得焦点时改变背景颜色 本示例是在用户选择页面中的文本框时,改变文本框的背景颜色,当选择其他文本框时,将失去焦点的文本框背景颜色恢复原始状态。...-- function txtfocus(event){ //当前元素获得焦点 var e=window.event; var obj=e.srcElement; //用于获取当前对象的名称 obj.style.background...="#FFFF66"; } function txtblur(event){ //当前元素失去焦点 var e=window.event; var obj=e.srcElement; obj.style.background
功能强大的 jQuery 表单验证插件,适用于日常的 E-mail、电话号码、网址等验证及 Ajax 验证,除自身拥有丰富的验证规则外,还可以添加自定义的验证规则。...-- jquery.validationEngine-zh_CN.js 为配置文件,可根据需求自行调整或增加,也可以更换为其他语言配置文件 --> 给表单加上 ID <!...PS:如果希望只在表单提交时验证,可以设置为空。...focusFirstField true 验证未通过时,是否给第一个不通过的控件获取焦点。...false 在表单验证结果为失败时的回调函数 PS:onSuccess 和 onFailure 请参考 [Demo] onValidationComplete false 表单提交验证完成时的回调函数
onBlur="if(this.value=="") this.value="******";" onFocus="if(this.value=="******") this.value="";"> jquery...实现方法 对于元素的焦点事件,我们可以使用jQuery的焦点函数focus(),blur()。...focus():得到焦点时使用,和javascript中的onfocus使用方法相同。...如: $("p").focus(); 或$("p").focus(fn) blur():失去焦点时使用,和onblur一样。...label覆盖在文本框上,可以更好的控制样式 jquery
失去焦点事件: $("#login_username").blur() 例子全文: // 失去焦点 $("#login_username").blur(function() { var login_username...result.success) { valid = false; showError(login_userNameError, '*' + result.msg); } } }); }); 获得焦点事件...: $("#login_username").focus() 例子全文: //获得焦点 $("#login_username").focus(function() { hideError(login_userNameError
jQuery Validato表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的校验都是互不影响。...对一个表单对象,你只需要写一行代码就可以轻松实现无数种(理论上)脚本控制。 1:测试的HTML代码 表单验证...) || isIdCardNo(value); }, "请正确输入您的身份证号码"); // 手机号码验证 jQuery.validator.addMethod("isMobile"
文档地址 首先引入 ... <script src="http://static.runoob.com/assets/<em>jquery</em>-validation-1.14.0/dist/localization/messages_zh.js...equalTo:"两次输入密码不一致" } }, onKeyup:false, success:"valid", //验证通过后处理...submitHandler:function (form) { form.submit(); } }); // 自定义验证手机号
jQuery formValidator表单验证插件是客户端表单验证插件。...Query formValidator表单校验插件支持的验证功能(还有很多功能没有罗列)罗列如下: 支持所有类型客户端控件的校验 支持jQuery所有的选择器语法,只要控件有唯一ID和type属性。...第一种:刚打开网页的时候进行提示;第二种:获得焦点的时候进行提示;第三种:失去焦点时,校验成功时候的提示;第四种:失去焦点时,校验失败的错误提示。 支持自动构建提示层。 支持自定义错误提示信息。...使用插件必须加载的文件 [top] //加载jQuery类库 //加载插件的样式库
/scripts/jquery.js" type="text/javascript"> <script src="lib/<em>jquery</em>.validate.js" type="text...padding-left: 16px; } $(document).ready(function(){ //自定义一个<em>验证</em>方法...$.validator.addMethod( "formula", //验证方法名称 function(value, element, param) {//验证规则 return value...head> 一个简单的验证带验证提示的评论例子... 验证码
最近写了两个组表单提交的页面,好久没用jQuery,在写的时候总遇到一些莫名其妙的为难题,这里记录一下。...').validate({//文档加载完毕,初始化validate插件 //这里写validate初始化的一些信息,例如rules,messages等 }); }); validate验证...、提交部分 $('#form').submit(function(){//当表单被提交时,进行表单验证 if($(this).valid() == true){ $.post({.../script.php'});//当表单验证通过时,post到....的表单动作,让所有的表单动作都交给JS来处理。
Window 窗口获得焦点和失去焦点事件(窗口变为背景窗口、窗口切换等都引起窗口焦点失去) Activated获得焦点事件 和 Deactivated失去焦点的事件: Activated:...获得焦点 (首次打开软件时;由别的软件切换回当前软件时;点击当前软件在任务栏的按钮时) Deactivated:失去焦点,与Activated正好相反,(Deactivated = de +...object sender, EventArgs e) { System.Windows.MessageBox.Show("It is activating..."); } } 失去焦点
一、说明 JQuery.validationEngine表单验证控件功能强大,自带了样式显示模式: 1.字符类型:非空验证、最大长度、最小长度、相等判断、数字和空格、数字和英文字母 2.数字类型:数字、.../tree/JQuery.validationEngine 三、其他表单标签验证 1.引用: <link href="~/Scripts/validation/validationEngine.<em>jquery</em>.css...//此属性,指定ajax提交表以及字段ajax<em>验证</em>的方式 ajaxFormValidationMethod: 'post', //指定使用Ajax模式提交<em>表单</em>处理 ajaxFormValidation:...form); }, onBeforeAjaxFormValidation: function (form, options) { console.info(form); } }); 显示结果: 更多<em>表单</em><em>验证</em>控件...: <em>JQuery</em>的<em>表单</em><em>验证</em>之<em>JQuery</em>.validate插件 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。
jQuery Validate 前言 jQuery Validate插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供可选的定制选项,以满足应用程序各种需求。...该插件捆绑了一套有用的验证方法,包括URL和电子邮件验证,同时提供了一个使用编写用户自定义方法的API。所有的捆绑方法替换使用英语作为错误信息,并已翻译成其他37种语言。...引入js库 由于每个人放置的位置不一样,所以相对路径也会不一样,自己改下路径 <script src="/ssm_test/commons/jslib/hplus/js/plugins/validate/<em>jquery</em>.validate.min.js...日期检验ie6出错,慎用 dateISO:true 必须输入正确格式的日期(ISO),例如:2009-06-23,1998/01.22.只<em>验证</em>格式,不<em>验证</em>有效性 number:true 必须输入合法的数字
演示页面:http://lijian.net/p/windsformvalid/ 每次表单每个页面提交都要自己写脚本验证信息,老是复制粘贴的很烦,改起来也很麻烦,网上也有大把的表单验证插件,但是感觉用起来不灵活...使用方法: 1、引用jquery和windsformvalid.js 2、通过rule属性给控件增加验证规则,多个规则则用...动态规则: m-n:值长度验证,m,n为整型,如5-18,则验证长度为5-18 =id:值等于验证,该控件值与id的值相等 >n:值大于验证,n为整型,该控件值大于n值 <n:值小于验证,n为整型,该控件值小于...,newclass为验证不通过时需要显示的样式 5、自定义回调验证 有些特征的验证用户需要自定义,则设置callbackvalid方法,验证通过则返回true,未通过则返回false, 如: "callbackvalid
失去焦点 : οnblur=”hanshu(this)” 获得焦点: οnfοcus=”hanshu(this)” { alert(‘请确认您输入格式是否正确!
说明 required validate[required] 表示必填项 groupRequired[string] validate[groupRequired[grp]] 在验证组为 grp 的群组...integer validate[custom[integer]] 验证整数 phone validate[custom[phone]] 验证电话号码 email validate[custom[email...]] 验证 E-mail 地址 url validate[custom[url]] 验证 url 地址,需以 http://、https:// 或 ftp:// 开头 ipv4 validate[custom...[ajax[ajaxName]] 自定义 ajax 验证 ‘ajaxName’: { ‘url’: ‘phpajax/ajaxValidateFieldUser.php’, /* 验证程序地址 */...‘extraData’: ‘name=eric’, /* 额外参数 */ ‘alertTextOk’: ‘验证通过时的提示信息’, ‘alertText’: ‘验证不通过时的提示信息’, ‘alertTextLoad
前言 最近总是有一个感觉,虽然这些东西都自己学习并一个案例一个案例的去验证过了。但是总觉得不写成博客记录下来这些都不是自己的东西(心理作用,哈哈)....所以每当学习或者复习相关的知识我都喜欢记录下来,下面开始到jQuery的表单验证。 这里的表单验证都是最简单最基础的方式去完成,当然jQuery还有一些比较好的验证框架,这里就不提及了。...一,字段验证: 1.1 字段非空 姓名不能为空!...} }); $("#name").focus(function(event) { $("p").hide(); }); }); 1.2 验证数字...阻止提交 } else { $("#error").hide(); } }); }); 二,jQuery中的正则表达式 var
jQuery Validation是一个用于验证表单的jQuery插件,简单易用,已经包含了16种内置的验证规则.Github上也有更多的验证规则可以使用.这都不是重点,重点是你可以轻松的定制自己的规则..."> 然后用jQuery选择需要验证的表单,执行validate...Validation会根据表单设置的type和属性自动为他们分配内置的规则,比如email,url,required等....添加自定义规则 jQuery Validation最吸引人的feature,它可以轻松的加入自定义的规则: 第一步,在js中调用jQuery.validator.addMethod函数来添加规则,例如添加...使用json提交数据 表单验证通过后,提交动作默认是使用form本身的提交动作,即指定form的action和method属性: method="get" action="" 可以在validate
领取专属 10元无门槛券
手把手带您无忧上云