Cold Fusion form reset button issues.

I have a CF form which is having issues w/ the reset button:

<form action="central_inv_contr_verify.cfm"  method="post"  id="registerForm" onreset="resetForm(this);">

Button code:       <input type="reset" name="Reset" value="Reset" />

The button works fine to reset the form fields while on the page...however after you submit and go to the verify page and come back to edit the page the reset button isn't working...Any ideas. I can add more information but not sure what else would be pertinent.
QuackdeveloperAsked:
Who is Participating?

[Product update] Infrastructure Analysis Tool is now available with Business Accounts.Learn More

x
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Gurpreet Singh RandhawaCEOCommented:
Do you any error, any console message anything you can share,
0
QuackdeveloperAuthor Commented:
That's what's odd...nothing in the error log...it's as if after you return to the page the button just does nothing...no error thrown...works the verify...then go back to edit and the reset is dead
0
QuackdeveloperAuthor Commented:
Ok...I think it has something to do w/ the hidden field added to keep the fields repopulated when returning to the form page from the verify page.

Here's the code used to keep the field populated and then the structure for the verify and reset buttons:

example fields:

      <tr>
                                      <td >
                                          <font face="Arial" size="2" color="#990000">
                                              <label for="Contact_Phone_Number">Phone:&nbsp;</label>
                                            <input type="text" name="Contact_Phone_Number" id="Contact_Phone_Number" min="0" step="1" minlength="10" maxlength="13"  tabindex="20" value="<cfif structkeyexists(session.invoiceDataContr, "PASS")><cfoutput>#session.invoiceDataContr.Contact_Phone_Number#</cfoutput><cfelse><cfoutput>#form.Contact_Phone_Number#</cfoutput></cfif>" required>
                                                  <font size="1" color="navy" title="Enter POC Phone, between 10 and 13 numbers without special characters.">
                                                  (help)
                                            </font>
                                        </font>
                                            <font face="Arial, Helvetica, sans-serif" size="2" color="navy">&nbsp;&nbsp;
                                                  <label for="Contact_Fax_Number">Fax:&nbsp;</label>
                                            <input type="text" name="Contact_Fax_Number" min="0" step="1" id="Contact_Fax_Number" minlength="10" tabindex="21" maxlength="13" value="<cfif structkeyexists(session.invoiceDataContr, "PASS")><cfoutput>#session.invoiceDataContr.Contact_Fax_Number#</cfoutput><cfelse><cfoutput>#form.Contact_Fax_Number#</cfoutput></cfif>">

                                                  <font size="1" color="navy" title="Enter POC Fax, between 10 and 13 numbers without special characters.">
                                              (help)
                                              </font>
                                        </font>
                                      </td>
                                </tr>


         <tr>
              <td align="center" bordercolor="#333399" style="border-left:thin #333399 solid; border-bottom:thin #333399 solid; border-right:thin #333399 solid">
                  <font face="Arial, Helvetica, sans-serif" size="2"><br/>
                            <input type="hidden" name="pass" value="pass" />
                          <input type="submit" name="Submit" value="Verify" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                          <input type="reset" name="Reset" value="Reset" />
                    <cfflush interval="100">
                          <br />
                          <br />
                    </font>
            </td>

This has recently been added fyi to the form so the problem resides in this I'm fairly sure but I don't understand why its not working when you go back to the page but works fine before hitting the verify button to go to the verification page.
0
Learn SQL Server Core 2016

This course will introduce you to SQL Server Core 2016, as well as teach you about SSMS, data tools, installation, server configuration, using Management Studio, and writing and executing queries.

Ryan ChongBusiness Systems Analyst , ex-Senior Application EngineerCommented:
however after you submit and go to the verify page and come back to edit the page the reset button isn't working

why do you need: onreset="resetForm(this);" at the first place IF your form is loaded after come back from the submission?
0
QuackdeveloperAuthor Commented:
I'm not sure...what should it be?
0
Ryan ChongBusiness Systems Analyst , ex-Senior Application EngineerCommented:
try remove the onreset="resetForm(this);" from your page and see what will happen ?
0
QuackdeveloperAuthor Commented:
same thing...reset button doesn't work
0
QuackdeveloperAuthor Commented:
new.txtold.txt

The two files attached are txt version of the cfm files guys...The older version was working correctly but after adding server side validation to the verification page the reset button is having issues. The newer version was modified to keep the text in the form fields when returning to the contribution page to edit the file. Any ideas on what's affecting the reset button functionality would be greatly appreciated. It works fine until you return to edit the form from the verify page then it dies.
0
Ryan ChongBusiness Systems Analyst , ex-Senior Application EngineerCommented:
can you try to open the JS/JavaScript section of Inspect Element of your web browser and check if there's any error when you clicked the Reset button there?
0
QuackdeveloperAuthor Commented:
returns this:

The value of the property 'resetForm' is null or undefined, not a Function object
0
Ryan ChongBusiness Systems Analyst , ex-Senior Application EngineerCommented:
The value of the property 'resetForm' is null or undefined, not a Function object

do you have JavaScript function: resetForm defined in your page? or a js include file which contains this function was linked to your page?
0

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today
ColdFusion Language

From novice to tech pro — start learning today.