2016-02-27 3 views
-1

Я пытаюсь удалить данные формы, которые были отправлены из формы , после нажатия кнопки очистки. Теперь он очищается, обновляет страницу , после чего представленные данные снова появляются. Весь этот код находится в «index.php» , для которого установлено действие.Как очистить данные формы php с помощью jquery?

<div class="formData" id="formData"> 
<?php 
session_start(); 
error_reporting(0); 
if(isset($_POST['name'], $_POST['age'],)) 
{ 
    if(!isset($_SESSION['inputs'])) 
    { 

     $_SESSION['inputs'] = array(); 
    } 
     $_SESSION['inputs'][] = $_POST; 

     foreach($_SESSION['inputs'] as $input) 
    { 

    echo " <span class='trip'> {$input['name']} <br> {$input['age']} <br> 
</span>"; 

} 



} 
    ?> 
    </div> 
<form action="index.php" method="post"> 
<input type="text" name="name" placeholder="Name"> 
    <input type="text" name="age" placeholder="Age"> 
    <button id="clear"> Clear</button> 

</form> 
<script type="text/javascript"> 
    $("#clear").click(function() 
    { 
     $("#formData").empty(); 
    }); 
</script> 
+0

Вы не непосредственно настройки полей, поэтому он не должен заполнять эти поля. Автозаполнение браузера? –

+0

Да, это автозаполнение. @JoshS. – kylel95

+0

Я имею в виду, что сам браузер заполняет его, а не php? например, в хроме, хром превращает поля в желтый цвет как указание на то, что он загружает кешированные данные. –

ответ

0

Вы не заселяете комбо, поэтому, я думаю, вы имеете в виду кеш. Если вы хотите, чтобы все было очищено, кнопка сброса должна выполнить $ ('input'). Val (''); чтобы очистить каждый вход на странице.

0

Просто добавьте идентификатор по форме и использование JQuery или Java Script как:

<form action="index.php" method="post" id="yourForm"> 

$("#yourForm").trigger('reset'); //jquery 

document.getElementById("yourForm").reset(); //java script 
+0

<тип скрипта = "текст/JavaScript"> $ ("# ясный") нажмите (функция() { \t $ ("# FormData") пустой();. }). ; // ява скрипт // Это очищает его, но когда я отправить данные снова все старые данные и новая информация появляется, как я могу только добавить новые данные на страницу после того как я нажмите кнопку Сброс? Это также происходит, когда я обновляю страницу – kylel95

+0

@ kylel95: $ ("input [type = text]"). Val (""); – devpro

+0

@ kylel95 ответ обновлен – devpro

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