图形验证码:
<script src="jquery-1.9.1.js"></script> <script src="inputTip.js"></script> <style> .item_mini { margin-top:10rem; } </style> <script type="text/javascript"> function tipInput(element,flag,message) { if(flag) { $("#"+element).css("border", "1px solid #d5d5d5"); $("#"+element).unbind("focus"); }else { $("#"+element).css("border", "1px solid red"); $("#"+element).bind("focus",function(){ $("#"+element).errortip({ text: message, show: true }) }); } $("#"+element).bind("blur",function() { $("#"+element).errortip({ show: false }) }); } function checkCode() { var imgcode = $("#imgcode").val(); if(imgcode==null || imgcode=='') { tipInput("imgcode",false,"请输入图形验证码"); }else { tipInput("imgcode",true,"请输入图形验证码"); } } </script> <body> <div class="item_mini"> <span class="wid_105">图形验证码:</span> <span><input type="text" placeholder="请输入图形验证码" class="wid_150" id="imgcode" onblur="checkCode()"><span> </div> </body>2.inputTip.js
;(function($){$.fn.errortip=function(options){var defaults={text:'输入有误,请重新输入',show:false,bg:'#fff',border:'#ddd',height:30,width:150,font:13};var options=$.extend(defaults,options);var thisParent=$(this).parent() if(options.show){if(thisParent.find(".judgeShow").size()==0){thisParent.css("position","relative");thisParent.append('<div class="judgeShow" style=\"display:block;position: absolute;height:'+options.height+'px;line-height:'+options.height+'px;width:'+options.width+'px;left: 0;top: -7px;transform: translate(-2%, -100%);z-index: 0;border-radius: 4px;font-size: '+options.font+'px;color: #333;border: 1px solid '+options.border+';\"><div style=\"position: absolute; width: 7px;height: 7px;bottom:0;left:15px;background-color: '+options.bg+';z-index: -1;border: 1px solid '+options.border+';transform:translate(-50%, 50%) rotate(45deg);\"></div><div style=\"position: relative;color: #000;background-color: '+options.bg+';border-radius: 3px;\"><div style=\"text-align: center;\">'+options.text+'</div></div></div>');}else{thisParent.find(".judgeShow").css("display","block");}}else{thisParent.find(".judgeShow").css("display","none");}}})(jQuery);
相关推荐
用Vue实现在用户输入的向后台请求候选项,支持键盘的上下选择以及Enter确认选择。做了控制请求次数的优化!注释十分详细后台返回的数据是自己模拟的,拿过去就可以使用!2020.06.22更新降低下载积分需求,我个人原意...
/** * 给引用页面动态添加验证事件 * 案例: 及格分数</label> <input type="text" id="PassScore" mstype="1" msg="及格分数" fmt="float"> ... * errinfo(objid,objmess) 校验格式错误信息提示 RED 红色色值 */
前段时间,在实现带输入建议并且支持模糊查询输入框的时候,发现了两个值得注意的小地方。整理出来,以供借鉴。 废话不多说,直接来解决问题。 踩坑问题描述: 问题一: 获取到后端返回的数组,并将数组传入作为 ...
(2)获取焦点:边框为蓝色,无输入内容时中间有输入提示信息,有输入内容的时候中间显示输入内容 (3)失去焦点:输入正确边框变成浅绿色,并有个√;输入错误,边框变红,并有个× 【功能分析】 私有方法:...
HTML5的input元素验证方式包括:自动验证...一旦input元素设置了自动验证相关的属性,在表单提交时就会自动对输入内容进行校验,并对有校验不通过的信息给出相应的错误提示信息。 除了上面介绍的required和pattern属性
MessageBox.Show(ex.Message, "错误信息", MessageBoxButtons.OK, MessageBoxIcon.Error); } } } } private void 退出_Click(object sender, EventArgs e) { // 退出时应提示用户是否保存当前文本文件 ...
首先要说一下antdesign这个框架API和demo丰富,而且开发环境提供对应的warning来纠正用户的错误。是一个很好的组件库。 关于表单验证方面是依赖于 async-validator 库。百度的san-xui组件库的表单验证也是依赖与...
12.22 屏蔽状态栏的错误提示 12.23 获取模式窗口的值 第13章 日期和时间特效 13.1 指定时间关闭页面 13.2 最简单的时间日期特效 13.3 最简单的获取时间的方法 13.4 随日期变换的文本 13.5 输入框的默认值为今天 13.6...
12.22 屏蔽状态栏的错误提示 12.23 获取模式窗口的值 第13章 日期和时间特效 13.1 指定时间关闭页面 13.2 最简单的时间日期特效 13.3 最简单的获取时间的方法 13.4 随日期变换的文本 13.5 输入框的默认值为今天 13.6...
比如,有的时候,不能够自动识别出来用户名的输入框,那只能请用户帮忙输入" value="[%DM_USERNAME]"在相应的input元素中。 2、POP3 密码恢复工具 论坛中有些用户反映,OE的密码无法导出,而且因为长时间使用,...
4.jQuery实现支付宝隐藏层提示信息内容的功能 5.jquery实现鼠标划过网址名称显示网站截图功能 6.jQuery带Tips动画提示通用表单验证插件下载(jquery validate),动画效果漂亮 7.jQuery鼠标移到下载地址滑出气泡...
temp.Format("连接数据库错误信息:%s",e.ErrorMessage()); AfxMessageBox(temp); return; } m_pRecordset->AddNew(); m_pRecordset->PutCollect("UserName",_variant_t(m_strUserName)); ...
右键操作菜单优化:快捷键提示提示显示优化;菜单点击hover效果处理,两次点击进入二级菜单优化;(菜单九宫格样式)手势操作增强:(处理事件冒泡,重叠情况)操作菜单(文件操作,多选操作等):下滑手势关闭;所有模态...
21.弹出提示信息:window.alert("字符"); 22.弹出確认框:window.confirm(); 23.弹出输入提示框:window.prompt(); 24.指定当前显示链接的位置:window.location.href="URL" 25.取出窗体中的所有表单的数量:document....
21.弹出提示信息:window.alert("字符"); 22.弹出确认框:window.confirm(); 23.弹出输入提示框:window.prompt(); 24.指定当前显示链接的位置:window.location.href="URL" 25.取出窗体中的所有表单的数量:document....
HKEY_CURRENT_USER\Control Panel\Input Method\Hot Keys 五、输入法键盘定义功能,适用于非英文键盘(需要管理员权限)。 六、安装删除输入法 IME TOOL 可以安装标准格式的输入法。自行复制 ime 和 mb 文件到系统...
12、更正设置“插空格”后输出错误等一些BUG 13、更正批量造词的BUG 14、加入六个选项,更自由的定制输入习惯 15、两码及以上才显示词组 16、UNICODE版可细分输出字符集 17、支持便携特征,可在注册表中定义码表目录...
4.7.6. 使用后台返回的校验信息 4.8. 关于表单内部控件的布局问题 4.8.1. 什么都不做,默认的平铺布局 4.8.2. 分裂,分列 4.8.3. fieldset是个神奇的东西 4.8.4. 当某一天,需要往form加个图片什么的,该咋办? 4.9....