<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript">
//用户名校验方法
function checkName(){
var reg=/^[\u4e00-\u9fa5]{2,5}$/;
return check("username",reg);}
//密码校验方法
function checkPwd(){
var reg=/^\d{6}$/;
return check("pwd",reg);}
//确认密码校验
function checkPwds(){
var pwd=document.getElementById("pwd").value;
var pwds=document.getElementById("pwds").value;
var span=document.getElementById("pwds_span");
if(pwds==pwd){
span.innerText="√";
span.style.color="green";}
else{
span.innerText="×密码输入错误";
span.style.color="red";
}
}
//手机号校验
function checkPhone(){
var reg=/^[1]\d{10}$/;
return check("phone",reg);}
//邮箱校验
function checkEmail(){
var reg=/[1-9]\d{5,10}@qq.com$/;
return check("email",reg);}
//提取公共的方法
function check(id,reg){
//获得输入的值
var uname=document.getElementById(id);
var value=uname.value;
var alt=uname.alt;
//获得span对象
var span=document.getElementById(id+"_span");
if(value==null||value==""){
span.innerText="×"+alt+"不能为空";
span.style.color="red";
return false;}
else if(reg.test(value)){
span.innerText="√";
span.style.color="green";
return true ;}
else{
span.innerText="×不合法";
span.style.color="red";
js写的注册页面验证
最新推荐文章于 2023-05-13 11:28:03 发布