JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Microsoft Edge Browser: Properly clearing a text boxAsked by MWBP on August 05, 2016 at 10:28 PM
I have a text box (Box1) set to numeric entry. Another calculated field (Calc1) performs a calculation based on the number in Box1. If I hit the little x in Box1 it will clear the contents of Box1, but the calculation remains in Calc1. The only way to reset the value in Calc1 is to return to Box1 and hit a backspace in the empty box. Why won't the little x clear out the contents properly?
Are you referring to this form: http://www.jotform.us/form/62113930527147 and you are referring to this fields?
I can't seem to find the little x that you mentioned that clears the value for the text box field. May I know what browser and/or device you are using when you encounter this issue? If you are referring to a different form, please provide us the form link so we can further investigate.
We will wait for your response.
I am using Windows 10 and Microsoft Edge for a browser. When the text box is active (cursor is in it) you can see a little x to the right of the box that will clear the box if clicked. Here is picture
I see you are referring to the x button from Edge browser. I would like to inform you that the x button is automatically added by your Edge browser. It is not a feature from jotform.
Since the button was added by Edge, the calculation field cannot detect that the box1 field was cleared when you used the x button, and as such the calculation will remain in calc1. The calculation field will only update when a user clears the content using backspace or inputs a new data.
To make sure that the user doesn't use the x button, we can hide it using custom css. Simply inject the custom css code below to your form:
Then to properly clear all the fields, just click on the Submit button and turn on the Reset Button property from the top menu of the form builder.
If you need further assistance, please let us know.
Thanks! It would have been easy to just tell me not to do it. Thanks for going the extra mile and providing a solution. For a text box this was no problem, but with a calculated field it really caused a problem. That little x gives a quick way to clear the box, but it is deceptive in what it does so removing it will definitely be the best way to go.
On behalf of my colleague, you are quite welcome.
If this become a wide issue, we will escalate it to our Development Team to see if they can apply some kind of a fix on our side.