Edit - Stack Overflow

You are not logged in. Your edit will be placed in a queue until it is peer reviewed.

We welcome edits that make the post easier to understand and more valuable for readers. Because community members review edits, please try to make the post substantially better than how you found it, for example, by fixing grammar or adding additional resources and hyperlinks.

Title*

Body*

I have a form that asks for a password. If the correct password is entered, then another form will show. If not, an alert box will appear then reload the page. Now I have made a `php` so that no one can see the password. The situation now is, the second form that I did, is hidden, so what I did is to put a `javascript function()` in the button that hides and shows the form. Then I `echo` it in php. The problem now is, whenever I click on the submit button, the form still shows even if I didn't put a password. My question is, how can I successfully implement this code and run my program correctly? 

 **HTML**

 
 <form id="frmPw" method="get" action="http://dashboard.site_practice.co/transfer/password_protect_transfer.php" style="float:left;">
 <label for="element_1">
 Enter password to view content.
 </label>
 <div>
 <input id="pw" name="password" type="password" placeholder="" style="width:200px;" required=""/>
 </div>
 <button id="submit" name="submit" style="width: 100px; float:left;">
 Submit
 </button>
 </form>

 
 <form method="POST" id="frmSelect" style="display:none;" action="http://dashboard.site_practice.co/transfer/transfer.php">
 <label class="control-label" for="selectbasic-0">Select an account :</label><br>
 <select id="selectbasic-0" name="selectbasic-0" required="">
 <option value="1">ABC</option>
 <option value="2">DEF</option>
 <option value="3">GHI</option>
 <option value="4">JKL</option>
 </select>
 <br>
 <label class="control-label" for="name">Enter name:</label><br>
 <input id="name" name="name" type="text" placeholder="Full Name" required="" style="width:150px;">
 <br>
 <label class="control-label" for="submit"></label>
 <button id="submit" name="submit" class="btn btn-success">Join!</button>
 </form>

**JS**

 <script>
 function pW() {
 		document.getElementById('frmSelect').style.display = 'block';
 		document.getElementById('frmPw').style.display = 'none';
 }
 </script>

**PHP**

 <?php
 
 $pw = $_POST['password'];
 
 if($pw == "admin1234"){
 echo pW();
 }else{
 ?>
 <script type="text/javascript">
 alert("Access Denied - Password Incorrect, Please Try Again");
 </script>
 <?php
 }
 ?>

Draft saved

Draft discarded

CollectivesTM on Stack Overflow