关于客户端的验证

EvenShu 2011-01-03 10:17:56
我用jQuery框架写了个表单验证(客户端)。
但是有很多问题,比如我边续点击提交的时候,就出现问题了。
这是为什么啊?不能这样写吗?现在网上的是怎样写的呢?求解啊。谢谢啦。
$(function(){

$("#validnum").click(function(event){
$("#validateImage").attr("src","imageCode!getStream.action?dt="+(new Date()).getTime());
event.preventDefault();
});
var flagemail=false;
var flagnum=false;
var flagname=false;
var flagpwd=false;
var flagrepwd=false;

//验证码验证
$("#validateCode").blur(function(){
flagnum=false;
$("#numberInfo").html("<img src='../images/shuloading.gif'>请稍等......</img>");
$.post(
"imageCode!validCode.action?dt="+(new Date()).getTime(),
{"code":$("#validateCode").val()},
function(data){
if(data.ok){
$("#numberInfo").html("<img src='../images/right.gif'></img>");
flagnum=true;
}else{
$("#numberInfo").html("<img src='../images/wrong.gif'></img>验证码不正确!");
}
},
"json"
);

});

//email验证
$("#email").blur(function(){
flagemail=false;
var varlues = $("#email").val();
$("#emailInfo").html("<img src='../images/shuloading.gif'>请稍等......</img>");
$("#emailInfo").text("");
var reg = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
if(varlues.length==0){
$("#emailInfo").html("<img src='../images/wrong.gif'></img>邮箱地址不能为空!");
}else if(!reg.test(varlues)){
$("#emailInfo").html("<img src='../images/wrong.gif'></img>Email格式不正确!");
}else{
$("#emailInfo").html("<img src='../images/shuloading.gif'>请稍等......</img>");
$.post(
"email.action",
{"email":$("#email").val()},

function(tt){
if(tt.fag){
$("#emailInfo").html("<img src='../images/wrong.gif'></img>此邮箱地址已占用!");
}else{
$("#emailInfo").html("<img src='../images/right.gif'></img>");
flagemail=true;
} },
"json"
);
}

});

// 名字验证
$("#txtNickName").blur(function(){
flagname=false;
var varlues = $("#txtNickName").val();
$("#nameInfo").html("<img src='../images/window_loading.gif'></img>");
$("#nameInfo").text("");

var regt = /^[\u4E00-\u9FA5\a-z0-9]+$/;

var len=0;
for (var i = 0; i < varlues.length; i++)
{
if (varlues.charCodeAt(i) >= 0x4e00 && varlues.charCodeAt(i) <= 0x9fa5){
len += 2;
}else {
len++;
}
}
if(varlues.length==0){
$("#nameInfo").html("<img src='../images/wrong.gif'></img>昵称不能为空!");
}else if(!regt.test(varlues)){
$("#nameInfo").html("<img src='../images/wrong.gif'></img>昵称格式不正确!");
}else if(len<4 || len>20){
$("#nameInfo").html("<img src='../images/wrong.gif'></img>昵称长度不正确!");
}else{
$("#nameInfo").html("<img src='../images/right.gif'></img>");
flagname=true;
}
});
//密码验证
$("#txtPassword").blur(function(){
flagpwd = false;
var varlues = $("#txtPassword").val();
$("#passwordInfo").html("<img src='../images/window_loading.gif'></img>");
$("#passwordInfo").text("");
var regt=/^[A-Za-z0-9]{6,20}$/;
if(varlues.length==0){
$("#passwordInfo").html("<img src='../images/wrong.gif'></img>密码不能为空!");

} else if(!regt.test(varlues)){
// var reg = /^[a-zA-Z]+|\d+@[a-zA-Z]+|\d+.[a-zA-Z]+$/;
$("#passwordInfo").html("<img src='../images/wrong.gif'></img>密码格式错误!");
}else{
$("#passwordInfo").html("<img src='../images/right.gif'></img>");
flagpwd = true;
}
});
//确认密码验证
$("#txtRepeatPass").blur(function(){
flagrepwd=false;
var varlues = $("#txtPassword").val();
var varlues2 = $("#txtRepeatPass").val();
$("#password1Info").html("<img src='../images/window_loading.gif'></img>");
$("#password1Info").text("");

if(varlues != varlues2){
$("#password1Info").html("<img src='../images/wrong.gif'></img>两次输入的密码不一致!");
} else if(varlues.length==0){
$("#password1Info").html("<img src='../images/wrong.gif'></img>确认密码不能为空!");

} else{
// var reg = /^[a-zA-Z]+|\d+@[a-zA-Z]+|\d+.[a-zA-Z]+$/;
$("#password1Info").html("<img src='../images/right.gif'></img>");
flagrepwd=true;
}
});

$("#f").submit(function(){
flagemail=false;
flagnum=false;
flagname=false;
flagpwd=false;
flagrepwd=false;
$("#txtRepeatPass").blur();
$("#txtPassword").blur();
$("#txtNickName").blur();
$("#email").blur();
$("#validateCode").blur();
var tx=flagrepwd&&flagpwd&&flagname&&flagnum&&flagemail;
return tx;
});

});
...全文
80 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

62,614

社区成员

发帖
与我相关
我的任务
社区描述
Java 2 Standard Edition
社区管理员
  • Java SE
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧