We help IT Professionals succeed at work.

Cold Fusion form reset button issues.

Quack
Quack asked
on
269 Views
Last Modified: 2017-04-17
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.
Comment
Watch Question

CERTIFIED EXPERT

Commented:
Do you any error, any console message anything you can share,
Quackdeveloper

Author

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
Quackdeveloper

Author

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.
CERTIFIED EXPERT

Commented:
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?
Quackdeveloper

Author

Commented:
I'm not sure...what should it be?
CERTIFIED EXPERT

Commented:
try remove the onreset="resetForm(this);" from your page and see what will happen ?
Quackdeveloper

Author

Commented:
same thing...reset button doesn't work
Quackdeveloper

Author

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.
CERTIFIED EXPERT

Commented:
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?
Quackdeveloper

Author

Commented:
returns this:

The value of the property 'resetForm' is null or undefined, not a Function object
CERTIFIED EXPERT
Commented:
This problem has been solved!
(Unlock this solution with a 7-day Free Trial)
UNLOCK SOLUTION

Gain unlimited access to on-demand training courses with an Experts Exchange subscription.

Get Access
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Empower Your Career
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions