注册验证(简单,jquery)
来源:互联网 发布:win7 64系统优化 编辑:程序博客网 时间:2024/06/07 23:32
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><form action="">用户名:<input type="text" name="uname"><span></span><br>密码:<input type="password" name="upwd"><span></span><br><input type="submit" value="提交注册信息"></form><script src="js/jquery.min.js"></script><script>var $txtName=$("form>input[name=uname]"), $txtPwd=$("form>input[name=upwd]"), msgs={ nameErr:"用户名必须介于3~9位之间!", pwdErr:"密码必须介于6~8位之间!" };$txtName.blur(e=>{vali($(e.target),3,9,msgs.nameErr);//这里还可以加其他验证});$txtPwd.blur(e=>{vali($(e.target),6,8,msgs.pwdErr);});$("form").submit(e=>{if(!vali($txtName,3,9,msgs.nameErr)){e.preventDefault();}else if(!vali($txtPwd,6,8,msgs.pwdErr)){e.preventDefault();}})function vali($txt,minLen,maxLen,msg){var len=$txt.val().trim().length;var $span=$txt.next();if(len>=minLen&&len<=maxLen){$span.html("<img src='img/ok.png'>");return true;}else{$span.html("<img src='img/err.png'>"+msg);return false;}}</script></body></html>
阅读全文
0 0
- 注册验证(简单,jquery)
- Jquery一个简单的注册验证
- jquery 注册验证,
- jquery 注册验证用户名
- jquery 注册验证
- jquery.valid 注册验证
- JQuery验证 [注册]
- 注册js/jquery验证
- 用户注册jquery验证
- Jquery 验证注册
- jquery ajax验证注册
- jQuery 前台注册验证!
- jquery实现注册验证
- jquery 注册验证
- Jquery 注册验证
- jquery 注册表单验证
- 简单注册表单验证
- jQuery验证用户注册信息
- R语言--线性回归分析(1)--simple linear regression
- QQ空间相册访问权限密码破解2018最新方法分享!
- Number of concurrent tasks
- phpstorm各版本激活资源
- 使用npm+babel+webpack+React搭建SharePoint hosted add-in开发环境
- 注册验证(简单,jquery)
- python多进程相关知识
- c语言开发12月第一周
- 数据结构入门——时间复杂度和空间复杂度
- HDU1194 POJ2301 UVA10812 ZOJ2388 Beat the Spread!【数学+水题】
- 如何查询centos查看系统内核版本,系统版本,32位还是64位
- 《七点三刻》030期 “新零售” 争霸/朝鲜希望同美国直接对话…
- 【14-Redis如何处理客户端连接】
- bzoj 5091: 摘苹果 期望+乱搞