如何判断密码框是否为空?

来源:6-3 鼠标经过事件(onmouseover)

宝慕林6291606

2018-12-12 14:12

密码:<input name="password" type="password" >

写回答 关注

3回答

  • 慕粉18855952173
    2020-01-10 11:01:58

    <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title> 鼠标经过事件 </title>

    <script type="text/javascript">

        function inputTEXT(){

            var x=document.getElementById("text").value;

            if(x==""){

          confirm("请输入密码后,再单击确定!");

          }

          else{

              alert("提交成功!");

          }

        }

    </script>

    </head>

    <body>

    <form>

    密码:<input name="password" type="password" id="text"><br> <br> 

    <input name="确定" type="button" value="确定" onclick="inputTEXT()"/>

    </form>

    </body>

    </html>


  • 狼王梦0_0
    2019-08-17 15:37:39
    <script type="text/javascript">
      //button 按钮,结合onclick事件,验证和提交表单
      function checkForm(){        //判断用户名是否为空
            if(document.form1.username.value==""){
                    window.alert("用户名不能为空");
            }else if(document.form1.username.value.length<5 || document.form1.username.value.length>20){
                window.alert("用户名长度必须介于5-50个字符之间!");
            }else{            //使用form对象的submit()方法,实现提交。            document.form1.submit();        
            }
      } </script>
     </head>
     <body>
      <form name="form1" method="get" action="login.php">
      用户名:<input type="text" name="username" />
      密码:<input type="password" name="userpwd" />
      <input type="button" value="提交表单" onclick="checkForm()" />
      </form>
     </body>


  • 宝慕林6291606
    2018-12-12 14:24:15

    <script type="text/javascript">
        function message(){
          var pwd=document.getElementById("password").value;
          if(!pwd){
          confirm("请输入密码后,再单击确定!");
          }
          else{
              alert("succeed login in");
          }
            
        }
    </script>
    </head>
    <body>
    <form>
    密码:<input name="password" type="password" id="password">
    <input name="确定" type="button" value="确定" onclick="message()"/>
    </form>
    </body>
    </html>


    懂了,想取密码框的值,可以先给控件设置ID,通过读取ID的值来查看密码框的值。

    分享给和我一样初学的小伙伴


JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题