Java SE
关于客户端的验证
墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网
我也要 关注 + 加入社区我用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;
});
});
...全文
相关推荐
JS 客户端验证JS 客户端验证JS 客户端验证JS 客户端验证JS 客户端验证
客户端验证通过JavaScript脚本实现，可以在用户填写表单时即时反馈错误，无需等待服务器响应。以下是关于JS客户端验证的一些关键知识点：1.
jq 客户端验证jq 客户端验证jq 客户端验证jq 客户端验证
jQuery Validate 是一个非常流行的JavaScript库，用于在客户端进行表单验证。这个库使得网页开发者能够轻松地添加验证规则，确保用户在提交表单前输入的数据是有效和完整的。
客户端脚本验证总结
在JavaScript这一强大的客户端编程语言的支持下，我们可以实现多种验证策略，提高用户体验并减轻服务器的压力。以下是对客户端脚本验证的详细总结：一、验证目的客户端脚本验证的主要目标是：1.
JS客户端验证
客户端验证的优点在于可以即时反馈错误信息，提高用户体验，减少服务器负担。然而，为了安全考虑，客户端验证不能替代服务器端验证，因为用户可以通过禁用或篡改JS来规避验证。
validator框架客户端验证代码
本压缩包提供的"validator框架客户端验证代码"正是为了实现这一目的。
