niflungar
@niflungar
Веб мастер любитель

Как полностью очистить форму уже после «submit»?

Привет, я только учусь этому всему, подскажите, как очистить все input'ы, после тогда как оно уже их посчитало ( линк - twoboxes-niflungar.c9.io ). Сама кнопка "очистить" работает до самого событыя.

собственно код.

<?php
$val1 = $_POST['val1'];
$val2 = $_POST['val2'];
$val = $val1 + $val2;
?>
<!doctype html>
<html lanr="ru">
    <head>
        <title>2 Boxes | Tasks</title>
        <meta charset="UTF-8">
        <link href="css/style.css" rel="stylesheet">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="icon" type="image/png" href="images/favicon.png" />
        <script src="http://code.jquery.com/jquery-latest.js"></script>
     
    </head>
    <body>
<!--Header-->        
<?php 
include ("header.php");
?>
<!--Задача №1-->
<?php 
include ("summ.php");
?>
<script>
function myFunction() {
    document.getElementById("summid").reset();
}
</script>



         
</body>
</html>


<code> PHP
<div class="box">
              <p>№1 - SUMM</p>
              <h2>Вычислить сумму двух box'ов</h2>
              <p>-------------------------------------------------------</p>
              <p>SMALL BOX</p>
              <form id="summid" method="POST">
                 Введите цену за коробку №1<br><br>
                 <input class="one" type="number" value="<?=$val1?>" name="val1"> <br><br>
                 <p>BIG BOX</p>
                 Введите цену за коробку №2<br><br>
                 <input class="two" type="number" value="<?=$val2?>" name="val2"> <br><br><br>
                 <p>-------------------------------------------------------</p>
                 <input class="three" type="text" value="<?php if(isset($_POST['submit']))echo $val?>">
                 <input type="submit" name="submit" value="Посчитать сумму!"><br>
                 <p>-------------------------------------------------------</p>
                 <input type="button" value="Очистить форму!" onclick="myFunction()">
                 <p>-------------------------------------------------------</p>
              </form>
</div>

</code>
  • Вопрос задан
  • 1846 просмотров
Пригласить эксперта
Ответы на вопрос 1
@lyeskin
Я так понял, что у вас проблема в том, что кнопка "очистить форму" отправляет форму вместо очистки ?
onclick="myFunction(); return false;"
либо внутри функции делайте return false;
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы