js登录与注册验证
来源:互联网 发布:淘宝情趣内衣晒图 编辑:程序博客网 时间:2024/05/04 10:34
经常写js验证,感觉很麻烦,这次就把他整理贴出来,以后可以直接用了。具体介绍这里不罗嗦了,直接贴代码,相信大家都能理解代码的含义
登录验证:
Jsp页面代码:
<form action="userLogin.action" method="post" onsubmit="return login();" id="loginForm"><h3>用户登录</h3><br /> 用 户 名:<input type="text" name="user.username" id="uName" style="height: 30px;width: 220px;font-size: 20px;" /><br /><br /> 密 码:<input type="password" name="user.password" id="uPass" style="height: 30px;width: 220px;font-size: 20px;" /><br /><br /> <input type="submit" value="登录" style="height: 30px;width: 60px;font-size: 20px;" /> <input type="reset" value="重置" style="height: 30px;width: 60px;font-size: 20px;" /> </form>js验证代码:
function login() {// console.info("点击了登录");var userName = $("#uName").val();// console.info(userName)var userPass = $("#uPass").val();// console.info(userPass);if (userName == "" || userName == null) {alert("用户名不能为空");return false;} else if (userPass == "" || userPass == null) {alert("密码不能为空");return false;} else {return true;}}
JSP页面代码:
<span style="white-space:pre"></span><form action="userRegister.action" method="post" onsubmit="return register();"><h3>用户注册</h3><table><tr><td style="text-align: right;width: 200px;line-height: 50px;">用 户 名<fontcolor="red">*</font>:</td><td><input type="text" name="user.username"onblur="return checkname()" id="uName"style="width: 220px;font-size: 16px;" /></td><td id="namets"style="width: 150px;height:40px;text-align: left;font-size: 12px;"></td></tr><tr><td style="text-align: right;line-height: 50px;">密 码<fontcolor="red">*</font>:</td><td><input type="password" id="uPass" name="user.password"onblur="return checkpass();"style="width: 220px;font-size: 16px;" /></td><td id="passts"style="width: 150px;text-align: left;font-size: 12px;"></td></tr><tr><td style="text-align: right;line-height: 50px;">确认密码<fontcolor="red">*</font>:</td><td><input type="password" name="" id="uRPass"onblur="return checkrpass();"style="width: 220px;font-size: 16px;" /></td><td id="passrts"style="width: 150px;text-align: left;font-size: 12px;"></td></tr><tr><td style="text-align: right;line-height: 50px;">邮 箱<fontcolor="red">*</font>:</td><td><input type="text" name="user.email" id="uEmail"onblur="return checkemail();"style="width: 220px;font-size: 16px;" /></td><td id="emailts"style="width: 150px;text-align: left;font-size: 12px;"></td></tr><tr><td></td><td style="text-align: center;line-height: 55px;width:220px"><inputtype="submit" value="注册"style="width: 60px;font-size: 16px;" /> <inputtype="reset" value="重置"style="width: 60px;font-size: 16px;" /></td></tr></table></form>
js验证代码:
function register() {if(!checkname()){return false;}else if (!checkpass()) {return false;} else if(!checkemail()){return false;} return true;}
function checkname(){var name = document.getElementById("uName").value;var ts = document.getElementById("namets");if(name.length<3|| name.length>15){ ts.innerHTML ="用户名长度须在3-15之间!"; ts.style.color="red"; return false;}$.post("checkUserName.action", {" userName": name },function(data){var d = $.parseJSON(data);//console.log(d.success);if(d.success!=true){ts.innerHTML ='用户名已存在!';ts.style.color='red'; return true;}});ts.innerHTML ='用户名可以使用!';ts.style.color='green';return true;}function checkpass(){var userPass = $("#uPass").val();var pts = document.getElementById("passts");if(userPass.length<6 || userPass.length >15){pts.innerHTML ="密码长度须在6-15之间!";pts.style.color="red"; return false;}pts.innerHTML ="密码可以使用!";pts.style.color="green";return true;}function checkrpass(){var userPass = $("#uPass").val();var userRPass = $("#uRPass").val();var prts = document.getElementById("passrts");if (userPass != userRPass) {prts.innerHTML="两次密码输入不一致!";prts.style.color="red";return false;}prts.innerHTML ="输入一致!";prts.style.color="green";return true;}function checkemail(){var userEmail = $("#uEmail").val();var ets = document.getElementById("emailts");if(!isEmail(userEmail)){ets.innerHTML ="邮箱格式不正确!";ets.style.color="red";return false;} ets.innerHTML ="邮箱可以使用!";ets.style.color="green";return true;}function isEmail(str){ var reg = /[a-z0-9-]{1,30}@[a-z0-9-]{1,65}.[a-z]{3}/; return reg.test(str);}
2 0
- js登录与注册验证
- JS登录与注册验证
- 登录注册验证码 js
- 实用js验证用户注册登录代码
- JS登陆与注册验证
- JavaWeb实现登录注册与验证码。
- 手机验证码登录与注册
- 用户登录与注册表单验证代码
- 登录注册验证
- 正则验证注册登录
- 注册登录验证码
- 登录 注册 正则验证
- Ajax实现简单的登录验证与帐号注册
- 实现正则验证手机的登录与注册
- js 登录注册
- js注册登录校验
- js注册表单验证
- js注册验证
- Jasper Report Server Deployment Distilled
- Instead Of 触发器
- Linux网络编程:基于UDP的程序开发
- jQuery事件绑定.on()简要概述及应用
- 作业调度框架 Quartz 学习笔记(二) -- 简单触发器(SimpleTrigger)
- js登录与注册验证
- Linux环境下网络编程杂谈
- 通过vnc viewer 使用OSX连接windows7
- 保留自己常用的网络地址
- 作业调度框架 Quartz 学习笔记(三) -- Cron表达式
- 【 黑马程序员】多线程知识总结
- Java:单例模式的七种写法
- 搜索引擎优化能以很正当的形式停止
- Objective C中实现观察者模式