如何在HTML登录页面中将“password123”设置为我的密码

时间:2016-08-10 07:37:19

标签: javascript html

我想在我的HTML登录页面设置“password123”作为我的密码。我需要您的帮助,在下面给出的源代码中设置特定密码。请帮我验证我的密码

的login.html

<html>
  <head>
    <script type="text/javascript">
      function validation()
      {
        var a = document.form.pass.value;
        if(a=="")
        {
          alert("Please Enter Your Password");
          document.form.pass.focus();
          return false;
        }
      }
    </script>
  </head>
  <body>
    <form name="form" method="post" onsubmit="return validation()" action="class_info.html">
      <tr>
        <td> password:</td>
        <td><input type="text" name="pass"></td>
      </tr>
      <tr>
        <td></td>
        <td><input type="submit" name="sub" value="Submit"></td>
      </tr>
    </form>
  </body>
</html>

2 个答案:

答案 0 :(得分:1)

如果我理解正确,您想检查输入的密码是否等于password123,对吧?

如果是的话,

<html>
  <head>
    <script type="text/javascript">
      function validation()
      {
        var a = document.form.pass.value;
        var valid = true;       
        if(a=="")
        {
          valid = false;
          alert("Please Enter Your Password");
        }
        else if (a != 'password123') {
          valid = false;
          alert("Your Password is wrong");
        }

        if (valid) {
          alert('form submitted'); 
        }
        else {
          document.form.pass.focus();
          return false; 
        }
      }
    </script>
  </head>
  <body>
    <form name="form" method="post" onsubmit="return validation()" action="class_info.html">
      <tr>
        <td> password:</td>
        <td><input type="text" name="pass"></td>
      </tr>
      <tr>
        <td></td>
        <td><input type="submit" name="sub" value="Submit"></td>
      </tr>
    </form>
  </body>
</html>

答案 1 :(得分:0)

只需在代码中添加第二个比较:

if(a==="password123") {
    alert("correct Password");
    return true;
}

的login.html

&#13;
&#13;
<html>
  <head>
    <script type="text/javascript">
      function validation() {
        var a = document.form.pass.value;
        if(a=="") {
          alert("Please Enter Your Password");
          document.form.pass.focus();
          return false;
        } else if(a==="password123") {
            alert("correct Password");
            return true;
        }
      }
    </script>
  </head>
  <body>
    <form name="form" method="post" onsubmit="return validation()" action="class_info.html">
      <tr>
        <td> password:</td>
        <td><input type="text" name="pass"></td>
      </tr>
      <tr>
        <td></td>
        <td><input type="submit" name="sub" value="Submit"></td>
      </tr>
    </form>
  </body>
</html>
&#13;
&#13;
&#13;