类的命名原则
1 必须由大写字母开头而单词中的其他字母均为小写
2 如果类名称由多个单词组成,则每个单词的首字母均应为大写例如TestPage
3 如果类名称中包含单词缩写,则这个所写词的每个字母均应大写,如:XMLExample
4 在命名类时应尽量选择名词
5 $ _
6 避免关键字
JS登录与注册验证
1 Jsp页面代码
<form id="loginForm" οnsubmit="return login();" action="userLogin.action" method="post">
<h3>用户登录</h3>
<br> 用 户 名:<input name="user.username" id="uName" style="width: 220px; height: 30px;
font-size: 20px;" type="text"><br>
<br> 密 码:<input name="user.password" id="uPass" style="width: 220px; height: 30px;
font-size: 20px;" type="password"><br>
<br> <input style="width: 60px; height: 30px; font-size: 20px;" type="submit" value="登
录">
<input style="width: 60px; height: 30px; font-size: 20px;" type="reset" value="
重置">
</form>
2 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;
}
}
------------------------------------------------------------
3 注册验证
Jsp页面代码:
——————————————————————————————————
<span style="white-space: pre;"> </span><form οnsubmit="return register();"
action="userRegister.action" method="post">
<h3>用户注册</h3>
<table>
<tbody><tr>
<td style="width: 200px; text-align: right; line-height: 50px;">用
户 名<font color="red">*</font>:
</td>
<td><input name="user.username" id="uName" style="width: 220px;
font-size: 16px;" οnblur="return checkname()" type="text"></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;">密 码<font
color="red">*</font>:
</td>
<td><input name="user.password" id="uPass" style="width: 220px;
font-size: 16px;" οnblur="return checkpass();" type="password"></td>
<td id="passts" style="width: 150px; text-align: left; font-size:
12px;"></td>
</tr>
<tr>
<td style="text-align: right; line-height: 50px;">确认密码<font
color="red">*</font>:
</td>
<td><input id="uRPass" style="width: 220px; font-size: 16px;"
οnblur="return checkrpass();" type="password"></td>
<td id="passrts" style="width: 150px; text-align: left; font-size:
12px;"></td>
</tr>
<tr>
<td style="text-align: right; line-height: 50px;">邮 箱<font
color="red">*</font>:
</td>
<td><input name="user.email" id="uEmail" style="width: 220px;
font-size: 16px;" οnblur="return checkemail();" type="text"></td>
<td id="emailts" style="width: 150px; text-align: left; font-size:
12px;"></td>
</tr>
<tr>
<td></td>
<td style="width: 220px; text-align: center; line-height:
55px;"><input style="width: 60px; font-size: 16px;" type="submit" value="注册"> <input
style="width: 60px; font-size: 16px;" type="reset" value="重置"></td>
</tr>
</tbody></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);
}
——————————————————————-————————————————————————