本次主要利用了正则表达式对控件内容进行验证,验证码的产生还只处于数字阶段,并不是现在主流的图片显示。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网站注册</title>
<style>
#title{
background:#069;
font-weight:bold;
}
.hui{
color:#999;
font-size:small;
}
<!--定义出错提示样式-->
.errTxt{
color:#F00;
font-size:15px;
font-family:"华文行楷";
}
</style>
<script>
<!--用户名验证-->
function verifyAccount(){
var reg=/^[a-z|A-Z][a-z|A-Z|0-9|_]{5,19}$/;
var str=document.getElementById("account").value;
if(reg.test(str)){
return true;
}else{
document.getElementById("accErr").innerHTML="用户名格式有误,请按要求输入";
return false;
}
}
<!--密码验证-->
function verifyPwd(){
var reg=/^[a-z|A-Z|0-9]{6,20}$/;
var str=document.getElementById("password").value;
if(reg.test(str)){
return true;
}else{
document.getElementById("pwdErr").innerHTML="用户密码格式有误,请按要求输入";
return false;
}
}
<!--密码确认-->
function marryPwd(){
var pwd=document.getElementById("password").value;
var apwd=document.getElementById("apassword").value;
if(pwd!=apwd){
document.getElementById("apwdErr").innerHTML="两次密码不同";
return false;
}
else{
return true;
}
}
<!--密码提示答案验证-->
function verifyPrompt(){
var str=document.getElementById("prompt").value;
if(str==""){
document.getElementById("promptErr").innerHTML="密码提示答案不能为空";
return false;
}else{
return true;
}
}
<!--邮箱验证-->
function verifyEmail(){
var str=document.getElementById("email").value;
var reg=/^([a-z|A-Z|0-9|_])+@([a-z|A-Z|0-9|_])+\.com|edu|cn|net$/;
if(reg.test(str)){
return true;
}else{
document.getElementById("emailErr").innerHTML="邮箱格式有误,请按要求输入";
return false;
}
}
<!--验证码验证-->
function verifyCode(){
var str1=document.getElementById("codeShow").innerHTML;
var str2=document.getElementById("code").value;
if(str1==str2){
return true;
}else{
document.getElementById("codeErr").innerHTML="验证码输入错误";
return false;
}
}
function verifyCheck(){
if(document.getElementById("check").checked!=true){
alert("请阅读协议同意后再提交!");
return false;
}else{
return true;
}
}
<!--验证码刷新-->
function fresh(){
var str=Math.round(Math.random()*10000);
document.getElementById("codeShow").innerHTML=