首页新闻找找看学习计划

javascript验证注册网页的时候一直没有反应

0
悬赏园豆:50 [待解决问题]

今天准备用JavaScript做一个注册网页的验证,但是搞了一下午验证都没有成功,函数可以被调用。在函数的开头加一句测试弹窗时弹窗正确弹出,但是函数内的验证函数始终没有反应,求教一下论坛的大佬,我是在哪里出的问题,感谢!!!

代码如下:

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>注册界面</title>
    <link rel="stylesheet" type="text/css" href="css/register.css">
    <script type="text/javascript">
    window.alert("test");
        function checkRegisterINfo(form){
            /*判断姓名格式是否正确*/
            var RegisterNameCheck = document.getElementById("nameId").value;
            if(RegisterNameCheck=""){
                window.alert("姓名不能为空!");
                return false;
            }else{
                var rightName=/[\u4E00-\u9FA5]{2,16}/;
                if(rigntName.test(RegisterNameCheck)==true){
                }else{
                    window.alert("您输入的姓名不正确!");
                    return false;
                }
            }
            /*判断密码是否规范*/
            var RegisterPwdCheck = document.getElementById("pwdId").value;  
                var rightPwd=/^(\w){6,20}$/;
                    if(rightPwd.test(RegisterPwdCheck)==false){
                        window.alert("密码只能输入6-20个字母、数字、下划线");
                        return false;
                    }
            /*判断密保问题格式是否正确*/
            var RegisterQuestionCheck = document.getElementById("questionId").value;
                var rightQuestion=/[\u4E00-\u9FA5]{1,16}/;
                if(!rightQuestion.test(RegisterQuestionCheck)){
                    window.alert("密保问题支持1-16位汉字!");
                    return false;
                }
            /*判断密保答案格式是否正确*/
            var RegisterAnswerCheck = document.getElementById("answerId").value;
                var rightAnswer=/[\u4E00-\u9FA5]{1,50}/;
                if(!rightAnswer.test(RegisterAnswerCheck)){
                    window.alert("密保答案支持1-50位汉字!");
                    return false;
                }
        }
    </script>
</head>
<body>

<div class="main">
    <div class="title">
        <span>用户注册</span>
    </div>
    <form name="registerForm" method="post" action="" onsubmit="return checkRegisterINfo(registerForm)">   
        <!--输入框-->
        <div class="input-content">
            <div>
                <input type="text" autocomplete="off" id="nameId"
                       placeholder="用户名" name="Registerusername" required/>
            </div>

            <div style="margin-top: 16px">
                <input type="password" autocomplete="off" id="pwdId"
                placeholder="登录密码" name="Registerpassword" required maxlength="32"/>
            </div>
            <div style="margin-top: 16px">
                <input type="text" autocomplete="off" id="questionId"
                placeholder="密保问题" name="Registerquestion" required maxlength="32"/>
            </div>
            <div style="margin-top: 16px">
                <input type="text" autocomplete="off" id="answerId"
                placeholder="密保答案" name="Registeranswer" required maxlength="32"/>
            </div>
        </div>

        <!--登入按钮-->
        <div style="margin-top: 105px">
            <button type="submit" class="enter-btn" >登录</button>
        </div>

        <div class="foor">
            <div class="left"><span>忘记密码</span></div>

            <div class="right"><span>用户登录</span></div>
        </div>
    </form>

</div>
</body>
</html>
帝哥的日常的主页 帝哥的日常 | 初学一级 | 园豆:152
提问于:2019-06-16 21:42
< >
分享
所有回答(4)
0
if(RegisterNameCheck=""){

这个错了;
判断是两个等于
if(RegisterNameCheck==""){


另外建议在浏览器中F12调试,很容易找到错误
梦里寻人 | 园豆:11304 (专家六级) | 2019-06-17 09:10
0

判断用==,闲着无聊
F12走下,走不下去,单词写错,那就到这吧。

李开心丶 | 园豆:193 (初学一级) | 2019-06-20 18:07
0

你这代码好多处错误
除了上面大神的说法
将所有input框的 required 属性去掉,加上required属性的话浏览器会自动检错

我改了的代码如下

'''

<!DOCTYPE html>

<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>注册界面</title>
    <link rel="stylesheet" type="text/css" href="css/register.css">
    <script type="text/javascript">
    // window.alert("test");
        function checkRegisterINfo(form){
            /*判断姓名格式是否正确*/
            var RegisterNameCheck = document.getElementById("nameId").value;
            if(RegisterNameCheck==""){
                window.alert("姓名不能为空!");
                return false;
            }else{
                window.alert("test");
                var rightName=/[\u4E00-\u9FA5]{2,16}/;
                if(rightName.test(RegisterNameCheck)==true){

                }else{
                    window.alert("您输入的姓名不正确!");
                    return false;
                }
            }
            /*判断密码是否规范*/
            var RegisterPwdCheck = document.getElementById("pwdId").value;
                var rightPwd=/^(\w){6,20}$/;
                    if(rightPwd.test(RegisterPwdCheck)==false){
                        window.alert("密码只能输入6-20个字母、数字、下划线");
                        return false;
                    }
            /*判断密保问题格式是否正确*/
            var RegisterQuestionCheck = document.getElementById("questionId").value;
                var rightQuestion=/[\u4E00-\u9FA5]{1,16}/;
                if(!rightQuestion.test(RegisterQuestionCheck)){
                    window.alert("密保问题支持1-16位汉字!");
                    return false;
                }
            /*判断密保答案格式是否正确*/
            var RegisterAnswerCheck = document.getElementById("answerId").value;
                var rightAnswer=/[\u4E00-\u9FA5]{1,50}/;
                if(!rightAnswer.test(RegisterAnswerCheck)){
                    window.alert("密保答案支持1-50位汉字!");
                    return false;
                }
        }
    </script>
</head>
<body>

<div class="main">
    <div class="title">
        <span>用户注册</span>
    </div>
    <form name="registerForm" method="post" action="" onsubmit="return checkRegisterINfo(registerForm)">
        <!--输入框-->
        <div class="input-content">
            <div>
                <input type="text" autocomplete="off" id="nameId"
                       placeholder="用户名" name="Registerusername" />
            </div>

            <div style="margin-top: 16px">
                <input type="password" autocomplete="off" id="pwdId"
                placeholder="登录密码" name="Registerpassword"  maxlength="32"/>
            </div>
            <div style="margin-top: 16px">
                <input type="text" autocomplete="off" id="questionId"
                placeholder="密保问题" name="Registerquestion"  maxlength="32"/>
            </div>
            <div style="margin-top: 16px">
                <input type="text" autocomplete="off" id="answerId"
                placeholder="密保答案" name="Registeranswer"  maxlength="32"/>
            </div>
        </div>

        <!--登入按钮-->
        <div style="margin-top: 105px">
            <button type="submit" class="enter-btn" >登录</button>
        </div>

        <div class="foor">
            <div class="left"><span>忘记密码</span></div>

            <div class="right"><span>用户登录</span></div>
        </div>
    </form>

</div>
</body>
</html>

'''

开心的小草 | 园豆:243 (菜鸟二级) | 2019-06-22 21:48
0

学会调试什么都能搞定

科技改变未来☆ | 园豆:219 (菜鸟二级) | 2019-07-03 15:30
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册