- billjAsked on December 04, 2012 at 07:30 AM
First, thank you for providing these forms for free. I appreciate it.
Second, that said, I don't want this to come across as looking a gift horse in the mouth. but I'm wondering if Jotform has any plans to make fixed length fields more user-friendly?
By that I mean fields like telephone numbers, dates, SSN, zip codes, etc.
I'll use Jotform's telephone number field as an example. You've made it so the area code appears to be separated from the other part of the number, which is a good thing, but it's not clear whether the user should put in parentheses or not. Same goes for the hyphen in the next part of the number. Ideally the user would be presented with this ( ) - which tells them they only need to enter numbers. No formatting by them is necessary.
The other wish list item is the cursor would move out of the area code once 3 digits were entered, past the hyphen once the next 3 digits were entered, and into the next field on the form once the last four numbers were entered. An auto-advance kind of thing to eliminate having to tab from place to place in fixed-length fields.
This would also prevent users from entering more digits than the field is formatted for. In your telephone number field the user can enter as many digits as they want and the result value (in the email you receive when the form is submitted) is whatever they entered.
These may seem like small nuances but I always notice and appreciate it when I'm filling out online forms that are structured this way. It gives the impression that the designer of the form thought about the user and their experience with the form.
- JotForm SupportDeygusAnswered on December 04, 2012 at 11:09 AM
Hi and thanks for your questions and suggestions, we really do appreciate your input and ideas on things. Currently there are no known plans to adjust these fields since they are mostly straight forward in use but that's not to say that it can't or won't be improved upon in the future per say. I will forward these suggestions to add to our Features Request List to add Options that would be Nice to Have additionally to allow further usage of them but I won't be able to say when or if at all of a projected release date since our developement team is often busy with higher priority issues so this is something they will consider and acknowledge when they can.
Realistically speaking, our fields are designed with 2 things in mind, simple usage and advanced usage.
Simple - because they are mostly traditional, widely used, and recognized along with the fact that it is keyboard friendly and read by your tab key when using the field.
Advanced - because even though it may seem limited you can modify the field with css and other programming languages via your form's source code which can allow even more potential for numerous possibilities in design.
Now, when you are referring to the Telephone Number it is specified with the Area Code first and the Phone Number second.
However it was left open to do with it as you will after that because of the different ways to input a phone number such as -
XXX XXX XXXX
X(XXX) XXX XXXX
X XXX XXX XXXX
There are also foriegn numbers that can be addressed and taken into this factor. For instance in Russia -
Middle-sized cities have 6 (10 with area code):
XXXX XX XX XX
Towns have 5 (10 with area code):
XXXXX XXX XXX
The same can also be said about numerous other countries that our fields can support but I'm not going to go into detail on those.
In addition to all of this as I had mentioned before you can use custom script and programming to go beyond all of this such as using it to limit your characters in a field beforehand and then autotabbing over to the next part to begin typing in without having to press the tab key or even customizing them with other different workarounds to meet your needs provided that you know how to do so as this would be considered to be done outside of jotform itself. Along with this, the same can be done and applied to customize these other mentioned fields in the same way to address them as such since there are many different ways to do a lot of these things even further.
- JotForm SupportabajanAnswered on December 05, 2012 at 05:23 AM
Just to add to what my colleague has stated, there's a way to force users to enter phone numbers in the correct format. However, it would require embedding the form's full source and adding a script to the page within which the form is embedded. To illustrate, click the following demo and try to enter an incorrectly formatted phone number:
I haven't had a chance to properly peruse and analyze the script but I'm pretty sure that it can be edited for use with other types of phone numbers, social security numbers, zip codes and so on.
If you have a specific form to which you would like to apply the script but don't know how, we'd be happy to help.
- billjAnswered on January 08, 2013 at 10:11 AM
I would like your help applying this script to all telephone number fields on all my forms. If I understand the procedure correctly I'm supposed to inject code into css but I don't think I'm doing it right.
This is the code I got from looking at the source code for the example above:<li class="form-line" id="id_3"> <label class="form-label-top" id="label_3" for="input_3"> Phone Number </label> <div id="cid_3" class="form-input-wide"> <input type="text" class="form-textbox" id="input_3" name="q3_phoneNumber" size="20" /> </div> </li>
But it doesn't do anything differently when I preview and try to enter a number.
- JotForm SupportidarktechAnswered on January 08, 2013 at 10:35 AM
That can only be achieved when you get your form source code and apply any HTML code modifications there. However, if you are only referring to CSS changes you ca do that via JotForm Builder. How to Inject Custom CSS Codes to your Form.
What exactly you'd like to change on your Phone Number field so we can assist with that? Thanks!
- JotForm SupportidarktechAnswered on January 08, 2013 at 10:38 AM
Ok, I think we should deal the new issue on the right thread. My colleague and I have responded to your other thread regarding this: http://www.jotform.com/answers/163796-How-do-I-make-changes-to-the-existing-code-in-my-forms#6