<Java Web学习初级阶段>JavaScript实现注册页面的表单验证

最新推荐文章于 2024-05-31 21:02:06 发布

拂晓弄尘影

最新推荐文章于 2024-05-31 21:02:06 发布

阅读量9.3k

点赞数 9

文章标签：表单代码 javascript java web

本文链接：https://blog.csdn.net/qq_22599883/article/details/48393341

版权

代码实现：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>表单验证</title>
<script>
//初始化页面
function initform(){
//第一个文本框获取焦点
//document.getElementById("username").focus();
//产生验证码
getCode();
}
//产生验证码
function getCode(){
var code = String(Math.round(Math.random()*10000));
while(code.length<4){
code = "0"+code;
}
document.getElementById("newcode").value=code;
}
//剔除空格
function trim(){
return this.replace(/(^s*)|(s*$)/g, "");
}
//显示错误提示
function shouWarn(uid,msg){
document.getElementById(uid).innerHTML=msg;
document.getElementById(uid).style.display="";
}
//清空错误提示
function clearWarn(uid){
document.getElementById(uid).style.display="none";
}
//检验验证码
function checkCode(code,uid){
var checkcode = document.getElementById("newcode").value;
if(checkcode==code){
var msg="√√√√√";
shouWarn(uid,msg)
return (true);
}else{
msg="验证码输入错误！";
shouWarn(uid,msg);
return (false);
}
}
//验证用户名
function checkUserName(usename,uid){
var uName = usename.trim();
var reg1 = /^[a-zA-Z]{1}[a-zA-Z0-9]{5,19}$/;
if(reg1.test(uName)==true){
var msg="√√√√√";
shouWarn(uid,msg)
return (true);
}else{
msg="用户名输入不规范！";
shouWarn(uid,msg);
return (false);
}
}
//验证密码
function checkPassword(password,uid){
var pwd = password.trim();
var reg2 = /^[a-zA-Z0-9]{6,20}$/;
if(reg2.test(pwd)==true){

最低0.47元/天解锁文章

拂晓弄尘影

关注

9
点赞
踩
40

收藏

觉得还不错? 一键收藏
0
评论
<Java Web学习初级阶段>JavaScript实现注册页面的表单验证

代码实现：表单验证//初始化页面function initform(){//第一个文本框获取焦点//document.getElementById("username").focus();//产生验证码getCode();}//产生验证码function getCode(){var code = String(Math.round(M
复制链接

扫一扫