问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

js弹窗验证失败

头像
荼靡花1
    612

    之前这样打代码是有，没有输入用户名是有弹窗出来提示的，现在没有。
    <script>

    function s(){
    var a = document.getElementById('name1').value;
    var b = document.getElementById('pw1').value;
    var c = document.getElementById('pw2').value;

    if (a== ""||a== "null") {
        alert("请好好输入用户名！");
        return false;
    }
    else if (b== ""||b== "null") {
        alert("请正确填写密码!");
        return false;
    }
    else if (c!=b || c== "null") {
        alert("请输入与上面一样的密码");
        return false;
    }
    else{
        return true;
    }

}
</script>

    放在了head标签里面，因为是初学，很多不是很明白，在这先谢过帮我的人。

    javascript
    阅读 3.1k
    5 个回答
    得票最新
    头像
    莲_涳栢__
      6871821
      <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>debug</title>
        <script>
        function s(){
            var a = document.getElementById('name1').value;
            var b = document.getElementById('pw1').value;
            var c = document.getElementById('pw2').value;
            if (a == ""|| a == "null") {
            alert("请好好输入用户名！");
            return false;
            }
            else if (b == ""|| b == "null") {
            alert("请正确填写密码!");
            return false;
            }
            else if (c != b || c == "null") {
            alert("请输入与上面一样的密码");
            return false;
            }
            else{
            return true;
            }
               }
         </script>
    </head>
    <body>
    用户名:<input id="name1" type="text" value="" /><br />
    输入密码:<input id="pw1" type="password" value="" />
    <br />
    再次输入密码:<input id="pw2" type="password" value="" /><br />
    <input onclick="s()" type="button" value="确定" />
    <!--代码方面是可以执行的 是不是 你 html 方面 哪里 弄错了 -->
</body>
</html>
      头像
      freedog
        294115

        这段script要放到</body>之前，内容html之后。还需要调用s()来运行

        头像
        星石
          574

          报错了，找不到元素，整个页面加载自上而下的，你写在head里，这时候a,b,c三个元素是找不到的，放在</body>前面，这是一种规范，也是最好的解决办法了

          头像
          iexn
            27219

            把 function s(){} 去掉 只写里面的

            另外， a=="null" 这样的判断不知道是不是你的需求要加的，

            以我的理解，你是想判断是不是为空，这里是不需要的。直接写 if(a == "") 就可以了

            头像
            kikong
              19.1k31320
              <script>
 
 function s(){
    var a = document.getElementById('name1').value;
    var b = document.getElementById('pw1').value;
    var c = document.getElementById('pw2').value;

    if (!a) {
        alert("请好好输入用户名！");
        return false;
    }
    else if (!b) {
        alert("请正确填写密码!");
        return false;
    }
    else if (!c||c!=b) {
        alert("请输入与上面一样的密码");
        return false;
    }
    else{
        return true;
    }

}
</script>
              查看全部 5 个回答
              推荐问题