https://legacy.forums.gravityhelp.com/topic/is-it-possible-for-the-phone-field-to-auto-format-when-user-enters-a-number Gravity Support Forums Topic: Is it possible for the phone field to auto format when user enters a number? en-US Mon, 20 Apr 2026 03:29:18 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/is-it-possible-for-the-phone-field-to-auto-format-when-user-enters-a-number#post-80587 Fri, 12 Oct 2012 12:37:26 +0000 bamajr 80587@https://legacy.forums.gravityhelp.com/ <p>@Dana Cobb</p> <p>I appreciate your help and your timely responses. This is an adequate solution for many situations, I'm sure and I'm pretty sure it will work fine for me, after I figure a couple things out.</p> <p>FYI: This work around causes problems, if ANY conditional logic is used on the same field. </p> https://legacy.forums.gravityhelp.com/topic/is-it-possible-for-the-phone-field-to-auto-format-when-user-enters-a-number#post-79722 Mon, 08 Oct 2012 21:18:04 +0000 bamajr 79722@https://legacy.forums.gravityhelp.com/ <p>@Dana Cobb</p> <p>Ok, so I think I have this working...</p> <ol> <li>I put this "add_filter" in my theme's function.php file.</li> <li>On line 7 (from the code above), I fill in the Form ID and Field ID from my form.</li> <li>I updated line 10 (from the code above) to reflect the desired output - specifically the type="tel"</li> <li>Then save the function.php file and refresh the displayed website.</li> </ol> <p>Input type="tel" is now reflected correctly and displays the correct numerical keypad in iOS.</p> <p>Just for my own information...</p> <ol> <li>Do you happen to know how long those two recommended filters have existed for Gravity Forms?</li> <li>What does the "10, 5" indicate in line 1 of the filter you provided?</li> </ol> <p>This seems to take care of the input type="tel" issue, so now, how do I handle the input mask, so that it reflects the same way as the input mask on the "Single Line Text" field? </p> https://legacy.forums.gravityhelp.com/topic/is-it-possible-for-the-phone-field-to-auto-format-when-user-enters-a-number#post-79605 Mon, 08 Oct 2012 12:04:30 +0000 Dana Cobb 79605@https://legacy.forums.gravityhelp.com/ <p>Hi, bamajr,</p> <p>You can use the gform_field_input filter (<a href="http://www.gravityhelp.com/documentation/page/Gform_field_input" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_field_input</a>) to change the input type of your single line text field to "tel". Your input mask will still apply to the field as long as you use the same name and id when creating the input field in your filter. You can view your html source to get the proper naming convention. See the example below:</p> <pre><code>add_filter(&quot;gform_field_input&quot;, &quot;change_input_type&quot;, 10, 5); function change_input_type($input, $field, $value, $lead_id, $form_id) { //if it is form id 8 and field id 2 change the input type to tel if($form_id == 8 &amp;&amp; $field[&#39;id&#39;] == 2) { //put id and name for input field into variables for creating the &lt;input&gt; tag $input_id = &quot;input_&quot; . $form_id . &quot;_&quot; . $field[&#39;id&#39;]; $input_name = &quot;input_&quot; . $field[&#39;id&#39;]; //use the variables for input tag id and name in string, include div wrapper so field is formatted $input = &#39;&lt;div class=&quot;ginput_container&quot;&gt;&lt;input id=&quot;&#39; . $input_id . &#39;&quot; class=&quot;medium&quot; type=&quot;tel&quot; tabindex=&quot;2&quot; value=&quot;&quot; name=&quot;&#39; .$input_name . &#39;&quot;&gt;&lt;/div&gt;&#39;; } return $input; }</code></pre> <p>There is also another filter which allows you to change the field's label along with the input tag called gform_field_content (<a href="http://www.gravityhelp.com/documentation/page/Gform_field_content)" rel="nofollow">http://www.gravityhelp.com/documentation/page/Gform_field_content)</a>. You would use this tag very similarly to the example provided but you need to also include the label tags for the field.</p> <p>Take a look; this should get you what you need. </p> https://legacy.forums.gravityhelp.com/topic/is-it-possible-for-the-phone-field-to-auto-format-when-user-enters-a-number#post-79283 Sat, 06 Oct 2012 10:43:44 +0000 bamajr 79283@https://legacy.forums.gravityhelp.com/ <p>Ok, then I guess wee need to see what the developers say. I bought Gravity Forms b/c I've read a lot of positives about it. I think it is great how the Gravity Forms UI is so easy to use, but it seems like something like this, is pretty basic, especially with the implementation of the new HTML5 input types. I do this all the time, when I create my own form elements, so I don't see why I shouldn't be able to do it in Gravity Forms. It seems pretty basic to me. </p> https://legacy.forums.gravityhelp.com/topic/is-it-possible-for-the-phone-field-to-auto-format-when-user-enters-a-number#post-79232 Sat, 06 Oct 2012 00:42:39 +0000 Chris Hajer 79232@https://legacy.forums.gravityhelp.com/ <p>Not that I am familiar with. </p> https://legacy.forums.gravityhelp.com/topic/is-it-possible-for-the-phone-field-to-auto-format-when-user-enters-a-number#post-79230 Sat, 06 Oct 2012 00:35:23 +0000 bamajr 79230@https://legacy.forums.gravityhelp.com/ <p>So, at this time, there is no way current option/filter, to apply input masks to the "tel" input type or to over-ride the "Single Line Text" form field, to be the "tel" input type? </p> https://legacy.forums.gravityhelp.com/topic/is-it-possible-for-the-phone-field-to-auto-format-when-user-enters-a-number#post-79229 Sat, 06 Oct 2012 00:31:23 +0000 Chris Hajer 79229@https://legacy.forums.gravityhelp.com/ <p>I've asked the developers for their feedback on your comments. Expect to hear something back in the beginning of the week. Our support is closed for the weekend, and for the Columbus Day holiday on Monday as well. Thank you. </p> https://legacy.forums.gravityhelp.com/topic/is-it-possible-for-the-phone-field-to-auto-format-when-user-enters-a-number#post-79220 Sat, 06 Oct 2012 00:06:05 +0000 bamajr 79220@https://legacy.forums.gravityhelp.com/ <p>I too, am using the "Phone" field from the "Advanced Fields" and need to continue using it, as it has a direct correlation to the the UI in an iPhone environment. However, the provided "Phone Format" options are not adequate and are a very bad idea, from a UX (User Experience) standpoint. Correcting a user's input, after the fact, is a terrible, terrible idea, if it can be avoided ahead of time.</p> <p>I need the telephone number stored in the format:<br /> '(999) 999-9999'<br /> notice the space after the area-code parenthesis?</p> <p>I also want to show the user the format as they are typing. </p> <p>The format works correctly in the "Single Line Text" field and it shows the user the format as they are populating the field. However, as I eluded to earlier, I need the form's html to include:</p> <p>'type="tel" '</p> <p>for use on iPhones. I'm pretty sure masking is allowed on the "tel" input type and I know it defaults to "text" in browsers that don't yet support the "tel" input type.</p> <p>How can I accomplish this with Gravity Forms? </p> https://legacy.forums.gravityhelp.com/topic/is-it-possible-for-the-phone-field-to-auto-format-when-user-enters-a-number#post-71680 Mon, 20 Aug 2012 05:15:37 +0000 risingrevenue 71680@https://legacy.forums.gravityhelp.com/ <p>No problem, if you go to <a href="http://fbcreditlaw.com/" rel="nofollow">http://fbcreditlaw.com/</a> the form is on the home page at the top. </p> https://legacy.forums.gravityhelp.com/topic/is-it-possible-for-the-phone-field-to-auto-format-when-user-enters-a-number#post-71506 Sat, 18 Aug 2012 00:38:15 +0000 Chris Hajer 71506@https://legacy.forums.gravityhelp.com/ <p>@risingrevenue, can you post a link to the form where you have this in use? Thank you. </p>