<?xml version="1.0"?><!-- generator="bbPress" -->

<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
>

<channel>
<title>MachForm Community Forums Topic: Phone Number Section Advance</title>
<link>https://www.machform.com/forums/</link>
<description>MachForm Community Forums Topic: Phone Number Section Advance</description>
<language>en</language>
<pubDate>Mon, 04 May 2026 02:02:00 +0000</pubDate>

<item>
<title>redityo on "Phone Number Section Advance"</title>
<link>https://www.machform.com/forums/topic/phone-number-section-advance#post-8584</link>
<pubDate>Tue, 02 Feb 2010 10:00:23 +0000</pubDate>
<dc:creator>redityo</dc:creator>
<guid isPermaLink="false">8584@https://www.machform.com/forums/</guid>
<description>&#60;p&#62;Do you mean with auto tab ? If so, you need to edit &#34;includes/view-functions.php&#34; file for this and try to follow these steps :&#60;/p&#62;
&#60;p&#62;1. Go to line 1825 for this code :&#60;/p&#62;
&#60;pre&#62;&#60;code&#62;$form_markup = &#38;lt;&#38;lt;&#38;lt;EOT&#60;/code&#62;&#60;/pre&#62;
&#60;p&#62;and put javascript code exactly above that line like this :&#60;/p&#62;
&#60;pre&#62;&#60;code&#62;if ($_GET[&#38;#39;id&#38;#39;] == 9) {
        $custom_js =&#38;lt;&#38;lt;&#38;lt;EOT
&#38;lt;script type=&#38;quot;text/javascript&#38;quot; src=&#38;quot;js/jquery/jquery-core.js&#38;quot;&#38;gt;&#38;lt;/script&#38;gt;
&#38;lt;script type=&#38;quot;text/javascript&#38;quot;&#38;gt;

function autoTab(field1, len, field2) {
    if (document.getElementById(field1).value.length == len) {
        document.getElementById(field2).focus();
        }
}

$(&#38;#39;document&#38;#39;).ready(function() {
    $(&#38;#39;#element_1_1&#38;#39;).attr(&#38;#39;autocomplete&#38;#39;,&#38;#39;off&#38;#39;);
    $(&#38;#39;#element_1_2&#38;#39;).attr(&#38;#39;autocomplete&#38;#39;,&#38;#39;off&#38;#39;);

    $(&#38;#39;#element_1_1&#38;#39;).keyup(function () {
        autoTab(&#38;#39;element_1_1&#38;#39;,3,&#38;#39;element_1_2&#38;#39;);
    });

    $(&#38;#39;#element_1_2&#38;#39;).keyup(function () {
        autoTab(&#38;#39;element_1_2&#38;#39;,3,&#38;#39;element_1_3&#38;#39;);
    });
});

&#38;lt;/script&#38;gt;
EOT;
        }&#60;/code&#62;&#60;/pre&#62;
&#60;p&#62;2. Go to around line 1871, you'll see this code :&#60;/p&#62;
&#60;pre&#62;&#60;code&#62;{$calendar_js}&#60;/code&#62;&#60;/pre&#62;
&#60;p&#62;then change it to&#60;/p&#62;
&#60;pre&#62;&#60;code&#62;{$custom_js}
{$calendar_js}&#60;/code&#62;&#60;/pre&#62;
&#60;p&#62;In there I assume your form ID is 9 and the phone field has these elements (element_1_1, element_1_2, element_1_3). You need to change those ID's in that script with yours.
&#60;/p&#62;</description>
</item>
<item>
<title>MarioCipriano on "Phone Number Section Advance"</title>
<link>https://www.machform.com/forums/topic/phone-number-section-advance#post-8582</link>
<pubDate>Tue, 02 Feb 2010 04:09:47 +0000</pubDate>
<dc:creator>MarioCipriano</dc:creator>
<guid isPermaLink="false">8582@https://www.machform.com/forums/</guid>
<description>&#60;p&#62;I would like to know if when entering a phone number the courser can advance to the next field when the area code has received 3 characters, and so on with the rest of the numbers.
&#60;/p&#62;</description>
</item>

</channel>
</rss>
