Clearing HTML form issue

Question

0.00/5 (No votes)

See more:

Hello Guys, Need a small help from experts here!Here is a form code which I have to integrate in a website

JavaScript

<form class="form-container" id="myForm" autocomplete="off" method="POST" target="hidden_iframe" onsubmit="submitted=true;">

<input type="text" name="entry.95944133" placeholder="Name" pattern="[A-Za-z]+" title="Please enter your name" autofocus required><br>

<input type="email" name="emailAddress" placeholder="Email" pattern="[a-z0-9._%+-]+@ [a-z0-9.-]+\.[a-z]{2,4}$" title="Please enter a valid email address" required><br>

<select name="entry.1343920721" id="package" class="cmb" required><option class="cmb" value="startup">Startup</option><option class="cmb" value="growth">Growth</option></select><br>

<input type="submit" value="Submit">&nbsp;&nbsp;<button type="button" class="btn" onclick="closeForm()">Close</button>

The issue is that the form is not getting cleared after subbmisson. Please help me.

What I have tried:

I have tried using document.getElementById("myForm").reset(); and this.form.reset(); via javascript but no use.

Posted 18-Jul-19 3:19am

Nexus Prizm

Updated 5-Sep-19 18:39pm

Anurag Gandhi

v2

Add a Solution

Comments

MadMyche 18-Jul-19 9:47am

Well that is how you would reset the form, the problem must be with how/where you are calling it; which you did not provide.
And what does CSS have to do with this?

2 solutions

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

raddevus · Answer 1 · 2019-07-18T05:48:00

Solution 1

Your code works.
Here it is in a plunker so you can click the button and try it:
Plunker example[^]

I've solved it for you. :)

Posted 18-Jul-19 5:48am

raddevus

Updated 18-Jul-19 5:50am

v3

Comments

[no name] 19-Jul-19 1:42am

Thanks for your help

Anurag Gandhi · Answer 2 · 2019-07-18T07:41:00

The following code is resetting the form:
Note that form reset() method is called in onsubmit event.

JavaScript

<form class="form-container" id="myForm" autocomplete="off" method="POST" target="hidden_iframe" onsubmit="submitted=true;document.getElementById('myForm').reset();">

<input type="text" name="entry.95944133" placeholder="Name" pattern="[A-Za-z]+" title="Please enter your name" autofocus required><br>

<input type="email" name="emailAddress" placeholder="Email" title="Please enter a valid email address" required><br>

<select name="entry.1343920721" id="package" class="cmb" required><option class="cmb" value="startup">Startup</option><option class="cmb" value="growth">Growth</option></select><br>

<input type="submit" value="Submit">  
<button type="button" class="btn" onclick="document.getElementById('myForm').reset();">Reset</button>

JsFiddle link for this: Edit fiddle - JSFiddle[^]

Clearing HTML form issue

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Clearing HTML form issue

2 solutions

Solution 1

Solution 2

Add your solution here

Preview 0

Existing Members

...or Join us