如何清除jquery提交的php表單數據？

-1

我試圖使從表單提交的表單數據在清除按鈕被點擊後被清除。現在，它清除，刷新頁面，然後提交的數據重新出現。所有這些代碼都在「index.php」這個動作被設置爲。如何清除jquery提交的php表單數據？

<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>

來源

2016-02-27 kylel95

你不是直接設置領域，所以它不應該填充這些字段。您的瀏覽器是否自動完成？ –

是的，它autocompletes。 @JoshS。 – kylel95

我的意思是，是瀏覽器本身填充它，而不是PHP？例如在Chrome中，Chrome會將字段變成黃色，表示它正在加載緩存的數據。 –

你沒有填充組合，所以我想你的意思是緩存。如果你想確保一切都被清除，重置按鈕必須執行$（'input'）。val（''）;清除頁面中的每個輸入。

來源

2016-02-27 03:53:48 nicokiva

只需簡單地添加的形式和使用jQuery或Java腳本ID：

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

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

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

來源

2016-02-27 03:57:12 devpro

<腳本類型= 「文本/ JavaScript的」> $（「＃清除」）點擊（函數（）{ \t $（「＃FORMDATA」）空（）; }）。 ; // Java腳本 //這將清除它，但是當我再次提交數據的所有舊信息和新出現的信息，請問有什麼可以僅將新數據添加到頁面後，我點擊重置？當我刷新頁面 – kylel95

@ kylel95：$（「input [type = text]」）。val（「」）; – devpro

@ kylel95回答已更新 – devpro

如何清除jquery提交的php表單數據？

回答

相關問題