JavaWeb第三周-利用JS中正则表达式实现注册的信息验证。

最新推荐文章于 2021-08-13 20:55:01 发布

VIP文章时光已旧

最新推荐文章于 2021-08-13 20:55:01 发布

阅读量2.3k

点赞数 1

分类专栏： javaweb 文章标签：正则表达式 java web 控件

本文链接：https://blog.csdn.net/gydarkfire/article/details/48367145

版权

本次主要利用了正则表达式对控件内容进行验证，验证码的产生还只处于数字阶段，并不是现在主流的图片显示。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>网站注册</title>
<!--本次主要实现网站注册的各控件内容验证功能，
    通过JS中的正则表达式来验证各控件内容，根据
    鼠标离开焦点和处于焦点的方法来调用相应的验证-->
<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=

最低0.47元/天解锁文章

时光已旧

关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
JavaWeb第三周-利用JS中正则表达式实现注册的信息验证。

本次主要利用了正则表达式对控件内容进行验证，验证码的产生还只处于数字阶段，并不是现在主流的图片显示。<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>网站注册</title><!--本次主要实
复制链接

扫一扫