После нажатия submit, я хочу, чтобы он отобразил вторую форму

Я пытаюсь отправить форму, и после нажатия кнопки отправки я хочу, чтобы вторая форма отображалась, сохраняя значения (я разработал эту часть) , Мне сказали использовать функцию isset, но я не могу заставить ее работать. Код работает нормально (я не копировал материал php в).После нажатия submit, я хочу, чтобы он отобразил вторую форму

<!DOCTYPE html> 
<html> 
<head> 
    <title>Prac 2 Task 12</title> 
</head> 

<body> 

<form method="post" action="<?php echo $_SERVER["PHP_SELF"];?>" id="custinfo" > 
    <table> 
    <tr> 
     <td><label for="customerid">Customer ID (integer value): </label></td> 
     <td> 
      <input 
       type="text" 
       id="customerid" 
       name="customerid" 
       size="10" 
       value="<?php 
        echo isset($_POST['customerid']) 
         ? htmlspecialchars($_POST['customerid']) 
         : ''; ?>" 
       /> 
      <?php echo $customerIDError ?> 
     </td> 
     <td style="color:red"></td> 
    </tr> 
    </table> 
    <p> 
     <input type="submit" name = "submit" value="Save Data"/> 
     <input type="reset" value="Reset Form" /> 
    </p> 
</form> 

<form method="post" action="<?php echo $_SERVER["PHP_SELF"];?>" id="custinfo" > 
    <table> 
    <tr> 
     <td><label for="username">Username: </label></td> 
     <td> 
      <input 
       type="text" 
       id="username" 
       name="username" 
       size="10" 
       value="<?php 
        echo isset($_POST['username']) 
         ? htmlspecialchars($_POST['customerid']) 
         : ''; ?>" 
      /> 
      <?php echo $customerIDError ?></td> 
     <td style="color:red"></td> 
    </tr> 
    </table> 
    <p> 
     <input type="submit" name = "submit" value="Save Data"/> 
     <input type="reset" value="Reset Form" /> 
    </p> 
</form> 

</body> 
</html>

источник

2015-06-01 DOGGIES52

Что вы пробовали до сих пор? –

'id's' внутри HTML должен быть' уникальным'. –

Что вы можете задать здесь? Вы утверждаете, что у вас есть «эта часть разработана». И действительно, похоже, что, помимо нескольких сбоев, вы сможете решить сами. – arkascha

вы можете использовать JQuery для этого сначала вы можете определить

$("#submit").click(function(){ 
 
    $("#custinfo1").show(); 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script> 
 
<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <title>Prac 2 Task 12</title> 
 
</head> 
 

 
<body> 
 
    <form method="post" action="<?php echo $_SERVER[PHP_SELF]; ?> " id="custinfo"> 
 
    <table> 
 
     <tr> 
 
     <td> 
 
      <label for="customerid">Customer ID (integer value):</label> 
 
     </td> 
 
     <td> 
 
      <input type="text" id="customerid" name="customerid" size="10" value="" /> 
 
      <?php echo $customerIDError ?> 
 
     </td> 
 
     <td style="color:red"></td> 
 
    </table> 
 
    <p> 
 
     <input type="submit" name="submit" value="Save Data" id="submit" /> 
 
     <input type="reset" value="Reset Form" /> 
 
    </p> 
 
    </tr> 
 
    </form> 
 
    <form method="post" action="<?php echo $_SERVER[PHP_SELF];?>" id="custinfo1" style="display:none"> 
 
    <table> 
 
     <tr> 
 
     <td> 
 
      <label for="username">Username:</label> 
 
     </td> 
 
     <td> 
 
      <input type="text" id="username" name="username" size="10" value="" /> 
 
      <?php echo $customerIDError ?> 
 
     </td> 
 
     <td style="color:red"></td> 
 
    </table> 
 
    <p> 
 
     <input type="submit" name="submit" value="Save Data" /> 
 
     <input type="reset" value="Reset Form" /> 
 
    </p> 
 
    </tr> 
 
    </form> 
 
</body> 
 

 
</html>

проверить этот код

источник

2015-06-01 10:44:15 priya786

это что-то вроде я хочу, но мне все еще нужно отображать форму 1 – DOGGIES52

, но мне сказали использовать php if (isset ($ _ POST ["submit"])) { – DOGGIES52

теперь проверяю, могу ли я его изменить, и вы можете отправить форму, используя jquery или ajex – priya786

Я выпрямленного код, просто запустите его

<!DOCTYPE html> 
 
      <html> 
 
      <head> 
 
      <title>Prac 2 Task 12</title> 
 
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 
 
      <style> 
 
        #form2{display: none;} 
 
      </style> 
 
      </head> 
 

 
      <body> 
 
      <form method="post" action="<?php echo $_SERVER["PHP_SELF"];?>" id="form1" > 
 
      <table> 
 
      <tr> 
 
        <td><label for="customerid">Customer ID (integer value): </label></td> 
 
        <td><input type="text" id="customerid" name="customerid" size="10" value = "<?php echo isset($_POST['customerid']) ? htmlspecialchars($_POST['customerid']):''; ?>" /><?php echo $customerIDError ?></td> 
 
        <td style="color:red"></td> 
 
      </table> 
 
       <p><input type="submit" id="form1submitbtn" name = "submit" value="Save Data"/> <input type="reset" value="Reset Form" /></p> 
 
      </tr> 
 
      </form> 
 

 
      <form method="post" action="<?php echo $_SERVER["PHP_SELF"];?>" id="form2" > 
 
      <table> 
 
      <tr> 
 
        <td><label for="username">Username: </label></td> 
 
        <td><input type="text" id="username" name="username" size="10" value = "<?php echo isset($_POST['username']) ? htmlspecialchars($_POST['customerid']):''; ?>" /><?php echo $customerIDError ?></td> 
 
        <td style="color:red"></td> 
 
      </table> 
 
       <p><input type="submit" name = "submit" value="Save Data"/> <input type="reset" value="Reset Form" /></p> 
 
      </tr> 
 
      </form> 
 
       <script> 
 
        $(document).ready(function(){ 
 
        $("form1submitbtn").click(function(){ 
 
         $("#form2").show(); 
 
        }); 
 
        }); 
 
    
 
       </script> 
 
      </body> 
 
      </html>

источник

2015-06-01 10:45:20

После нажатия submit, я хочу, чтобы он отобразил вторую форму

ответ

Смежные вопросы