jq获取不到input标签的value值

最新推荐文章于 2024-07-05 10:52:21 发布

原创最新推荐文章于 2024-07-05 10:52:21 发布 · 4.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #javascript

javaweb 同时被 2 个专栏收录

7 篇文章

订阅专栏

jquery

1 篇文章

订阅专栏

博客内容提及在使用jQuery时遇到input标签的value值获取不到的问题，原因是点击button仅执行onclick属性内的函数，导致外部定义的变量和函数未运行，从而获取到的是空字符串或undefined。

<button class="btn btn-lg btn-primary btn-block" onclick="return checkPassword()" type="submit">注册</button>

            
            //把这两个变量放进方法里面
            var password = $('#inputPassword').val();
            var repeatPassword = $('#repeatInputPassword').val();
            function checkPassword() {
                alert(password);
                alert(repeatPassword);
            debugger;
                if (password !== repeatPassword) {
                debugger;
                    // window.location.reload();
                    alert("输入密码不一致");
                    return false;
                }
            }

改过后如下:

function checkPassword() {
                var password = $('#inputPassword').val();
                var repeatPassword = $('#repeatInputPassword').val();
                alert(password);
                alert(repeatPassword);
            debugger;
                if (password !== repeatPassword) {
                debugger;
                    // window.location.reload();
                    alert("输入密码不一致");
                    return false;
                }
            }

总结原因:button在被点击时，只会调用onclick属性中配置的函数，而外部的变量和其它函数不会被执行，所以属性为空字符串或者undefined