细节的重要性

最新推荐文章于 2024-06-15 12:27:04 发布

Mr.aBai

最新推荐文章于 2024-06-15 12:27:04 发布

阅读量742

点赞数

分类专栏：学习总结文章标签： html

本文链接：https://blog.csdn.net/weixin_44195858/article/details/123657256

版权

学习总结专栏收录该内容

12 篇文章 0 订阅

订阅专栏

这是一个关于登录注册方面的问题：

需求：用所学的jQuery做一个注册页面，要求用户名开头字母大写，且不能小于6位；密码不能小于六位

登录页面需要从url中直接获取到注册时的账号密码进行登录并且验证用户名密码是否正确

问题：

1、我没有给form标签直接用表格加input标签导致url中没有返回值；//此时没有给action属性

2、我在注册页面判断注册成功之后使用windows.open跳转到登录页面，导致我无法（我不会）把从注册页面的url获取的值拿到新的页面；

3、当我给了form表单action这个属性之后发现我好像没怎么使用jQuery中的语法，于是改了一下注册页面的注册方法

总结：

1、前面html的基础不扎实，

2、jQuery的知识学完不知道与js的区别在哪，或者说jQuery有什么用我写的代码中有没有可以用到jQuery语法的地方

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <script src="js/jquery-1.12.4.js"></script>
		<title></title>
    </head>
    <body>
        <div>
            <table>
                <form action="html01.html">
                    <tr>
                        <td><label>用户名：</label></td>
                        <td><input name="name" type="text" id="name" placeholder="首字母大写并且在6~12之间"></td>
                    </tr>
                    <tr>
                        <td><label>密码：</label></td>
                        <td><input name="pwd" type="password" id="pwd" placeholder="密码在6~12之间"></td>
                    </tr>
                    <tr>
                        <td><button id="zc" >注册</button></td>
                        
                    </tr>
                </form>
            </table>
           
        </div>
        <script>         

            $("#zc").click(function(){
                var name = document.getElementById('name').value;
                var pwd = document.getElementById('pwd').value;
                var i = 0;
                var n = name.charAt(0)
                //判断首字符是否为数字 是：i=0 不是：执行if内语句
                if (isNaN(n) == true) {
                    
                    //当首字符不是数字时，执行此if判断首字符是否为大写，是：i=1 不是：i=0
                    if(n == n.toUpperCase()){
                        i=1;
                    }
                }
                //判段用户名长度&以上结果：小于六个字符或者i==0注册失败
                if (name.length < 6 || i == 0) {
                    alert("注册失败！用户名有误");
                }else if (pwd.length < 6) {
                    alert("注册失败！密码有误");
                }else {

                    alert("恭喜注册成功！")
                    // window.open("html01.html")
                }
            })

           
        </script>
    </body>
</html>

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>DengLu</title>
    <script src="js/jquery-1.12.4.js"></script>
</head>
<body>
    <div>
        <table>
            <form action="">
                <tr>
                    <td><label>用户名：</label></td>
                    <td><input name="name" type="text" id="name" placeholder="首字母大写并且在6~12之间"></td>
                </tr>
                <tr>
                    <td><label>密码：</label></td>
                    <td><input name="pwd" type="password" id="pwd" placeholder="密码在6~12之间"></td>
                </tr>
                <tr>
                    <td colspan="2">
                        <button id="dl" onclick="DengLu()">登录</button>
                        
                    </td>
                </tr>
            </form>
        </table>
        

        <script> 
        console.log(location.search)
        var name1 = location.search.substr(1)//去掉？
        console.log(name1)
        //			进行分割,分割成数组
        var arr = name1.split('=')
        console.log(arr)
        var arr1 = arr[1].split('&');
        console.log(arr1);
        var name = arr1[0];
        console.log(name);
        var pwd = arr[2];
        console.log(pwd);
        
        var uname = document.getElementById('name');
            uname.value = name;
        var upwd = document.getElementById('pwd');
            upwd.value = pwd;

        function DengLu(){

            var usname = document.getElementById('name').value;
            var uspwd = document.getElementById('pwd').value;
            if (usname === name && uspwd === pwd) {
                alert("恭喜登录成功！");
            }else {
                alert("登录失败！");
            }
        }
        </script>
</body>
</html>

Mr.aBai

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
细节的重要性

这是一个关于登录注册方面的问题：需求：用所学的jQuery做一个注册页面，要求用户名开头字母大写，且不能小于6位；密码不能小于六位登录页面需要从url中直接获取到注册时的账号密码进行登录并且验证用户名密码是否正确问题：1、我没有给form标签直接用表格加input标签导致url中没有返回值；//此时没有给action属性2、我在注册页面判断注册成功之后使用windows.open跳转到登录页面，导致我无法（我不会）把从注册页面的url获取的值拿到新的页面；3、当我给了form表单ac
复制链接

扫一扫