admin管理员组

文章数量:1400998

I am trying to set a password to a form. I basically want someone to type a password into a password field and hit submit and if the password is right, it redirects them to buybutton.php in the same window. If the password isn't right, a javascript alert pops up that says 'Password wrong'. I've tried to write out the Javascript but no action is happening when the button is clicked. What have I done wrong in my code below? Thanks for the help!

<!DOCTYPE html>
<body width="950" height="300" style="background-image:url('giftcard_bg.jpg');">
<head>
<SCRIPT LANGUAGE="JavaScript">
    function goForit() {
      var passwd;
      passwd = this.document.giftForm.pass.value;
      if(passwd=="samsamsam"){
      window.open ('buybutton.php','_self',false)
      }
      else{
      alert('Password wrong');
      }
    }
</SCRIPT>
</head>


<div style="position:absolute; top:150px; left:285px; text-align:center;">
    <form id="giftForm">        
        <input type="password" id="pass" placeholder="Enter Secret Code" style="font-size:150%;"/>
        <br />
        <input type="button" onClick="goForit()" value="Submit" style="font-size:150%; margin-top:15px;" />                 
     </form>
</div>

</body>
</html>

I am trying to set a password to a form. I basically want someone to type a password into a password field and hit submit and if the password is right, it redirects them to buybutton.php in the same window. If the password isn't right, a javascript alert pops up that says 'Password wrong'. I've tried to write out the Javascript but no action is happening when the button is clicked. What have I done wrong in my code below? Thanks for the help!

<!DOCTYPE html>
<body width="950" height="300" style="background-image:url('giftcard_bg.jpg');">
<head>
<SCRIPT LANGUAGE="JavaScript">
    function goForit() {
      var passwd;
      passwd = this.document.giftForm.pass.value;
      if(passwd=="samsamsam"){
      window.open ('buybutton.php','_self',false)
      }
      else{
      alert('Password wrong');
      }
    }
</SCRIPT>
</head>


<div style="position:absolute; top:150px; left:285px; text-align:center;">
    <form id="giftForm">        
        <input type="password" id="pass" placeholder="Enter Secret Code" style="font-size:150%;"/>
        <br />
        <input type="button" onClick="goForit()" value="Submit" style="font-size:150%; margin-top:15px;" />                 
     </form>
</div>

</body>
</html>
  • javascript
  • html
  • forms
  • passwords
Share Improve this question asked Aug 16, 2012 at 17:19 MillerMediaMillerMedia 3,66118 gold badges75 silver badges154 bronze badges 3
  • 9 Hope you're not depending on this for any real security. – j08691 Commented Aug 16, 2012 at 17:20
  • 2 Just a FYI, the HTML is invalid: it's <head></head> <body></body>. You shouldn't nest <head> inside <body>. – JJJ Commented Aug 16, 2012 at 17:28
  • Yeah @j08691, it's not necessarily a super secure thing, it's just a fun little promotion we're running so it's not really a huge deal if they see the password. Haha, this would definitely not be effective for that... – MillerMedia Commented Aug 16, 2012 at 19:40
Add a ment  | 

4 Answers 4

Reset to default 3

You should use document.getElementById('pass').value instead of this.document.giftForm.pass.value 

function goForit() {
  var passwd;
  passwd = document.getElementById('pass').value;
  if(passwd=="samsamsam"){
  window.open ('buybutton.php','_self',false)
  }
  else{
  alert('Password wrong');
  }
}

Word of warning:

But be aware! Everybody can see the source code and find the password!!!

Instead of this, you should send the form to the server, and in the server side, check if it's correct. If it's correct, redirect the user to buybutton.php, but sending him a cookie which authorises him to enter to that page. And that page should check if he has that cookie.

But I'm not an expert, if you want that you should make another question asking that.

passwd = this.document.giftForm.pass.value;

causes an error try 

passwd = document.getElementById('pass').value;

You were missing a ; too after window.open ('buybutton.php','_self',false)

this should work

function goForit() {
      var passwd = document.getElementById("pass").value;
      if(passwd=="samsamsam"){
      window.open ('buybutton.php','_self',false)
      }
      else{
      alert('Password wrong');
      }
    }

Oriol and Rajeev's answer are correct.

Alternatively, you can do this:

change

passwd = this.document.giftForm.pass.value;

to

passwd = document.forms['giftForm'].pass.value;

本文标签： htmlJavascript Password SubmitFormStack Overflow

版权声明：本文标题：html - Javascript Password Submit - Form - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1744263155a2597817.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。