Question

How to reload the current page without losing any form data with HTML?

Answer 1

Can I reload current page without losing any form data? I used..

window.location = window.location.href;

and

window.location.reload(true);

But these two things can't get earlier form datas for me. What is wrong ? When refresh browser manually, it is fine (I don't lose any form data). Please guide me how to figure it out.

Here is my full code...

<div class="form-actions">

<form>

<table cellpadding = "5" cellspacing ="10">

<tr class="control-group">

<td style="width: 100px;">

<div>Name:&nbsp;<font color="red">(*)</font></div>

</td>

<td>

<input type="text" id="inputName" placeholder="Name" required>

</td>

</tr>

<tr class="control-group">

<td>

<div>Email:&nbsp;<font color="red">(*)</font></div>

</td>

<td>

<input class="span3" placeholder="[email protected]" id= "inputEmail" type="email" required>

</td>

</tr>

<tr class="control-group">

<td>

<div>Phone:&nbsp;</div>

</td>

<td>

<input type="text" id="inputPhone" placeholder="phone number">

</td>

</tr>

<tr class="control-group">

<td>

<div>Subject:&nbsp;<font color="red">(*)</font></div>

</td>

<td>

<input type="text" id="inputSubject" placeholder="Subject" required>

</td>

</tr>

<tr class="control-group">

<td colspan ="2">

<div>

<div>Detail:&nbsp;</div>

<div class="controls">

<textarea id="inputDetail"></textarea>

</div>

</td>

</tr>

<tr>

<td colspan="2">

<div>

<label style="font-weight: bold;" class="checkbox"> <input id="confirmCheck" value="" type="checkbox">

I Agree to the Personal information handling policy

</label>

</div>

<div id = "alert_placeholder"></div>

<div class="acceptment">

[Personal information handling policy]<br> <br>

</div>

</td>

</tr>

<tr>

<td colspan="2">

<div align="center">

<button id="btnConfirm" class="btn btn-primary">Confirm</button>

<input type="reset" style="width: 65px; height: 27px;" id="btnReset" class="btn">

</div>

</td>

</tr>

</table>

</form>

</div>

And at my JS file..