如何自动将焦点跳转到下一个文本字段 [英] How do I automatically jump focus to next text field

问题描述

我有3个文本字段供用户输入电话号码。每个设置为每个电话号码段的最大值 - （xxx xxx xxxx）3,3,4



如何更改此代码才能执行此操作？它的工作方式是使用Tab键，但我希望它在达到最大字符长度时跳转：

< label for = P1class =CstmFrmElmntLabel>所有者电话< / label> 
 
< input name =P1type =textid =P1size =6class =CstmFrmElmntInputi29onfocus =javascript：this.className ='CstmFrmElmntInputi29NavSel'; onblur =javascript：this.className ='CstmFrmElmntInputi29'; onmouseover =window.status ='Owner \的电话号码：区号'; 
返回true; onmouseout =window.status =''; 
返回true; title =所有者的电话号码：区号值=<？echo $ P1;？> maxlength =3onkeyup =AEV_set_tel_number（'Phone_Number'，'P'）;/> 
 
< input name =P2type =textid =P2size =6class =CstmFrmElmntInputi29onfocus =javascript：this.className ='CstmFrmElmntInputi29NavSel'; onblur =javascript：this.className ='CstmFrmElmntInputi29'; onmouseover =window.status ='Owner \的电话号码：前缀'; 
返回true; onmouseout =window.status =''; 
返回true; title =所有者的电话号码：前缀值=<？echo $ P2;？> maxlength =3onkeyup =AEV_set_tel_number（'Phone_Number'，'P'）; /> 
 
< input name =P3type =textid =P3size =8class =CstmFrmElmntInputi34onfocus =javascript：this.className ='CstmFrmElmntInputi34NavSel'; onblur =javascript：this.className ='CstmFrmElmntInputi34'; onmouseover =window.status ='Owner \的电话号码：后缀'; 
返回true; onmouseout =window.status =''; 
返回true; title =所有者的电话号码：后缀值=<？echo $ P3;？> maxlength =4onkeyup =AEV_set_tel_number（'Phone_Number'，'P'）; /> 
 
< input type =hiddenname =Phone Numberid =Phone_Numbervalue =<？echo $ Phone;？> /> 
< br /> 

我的尝试：



我不知道该怎么做。我对php很新，只是学习并认为我已经在已经存在的代码中处理了这个问题。

解决方案

P1; ？>maxlength =3onkeyup =AEV_set_tel_number（'Phone_Number'，'P'）;/>

< input name =P2type =textid = P2size =6class =CstmFrmElmntInputi29onfocus =javascript：this.className ='CstmFrmElmntInputi29NavSel';onblur =javascript：this.className ='CstmFrmElmntInputi29';onmouseover =window.status ='Owner \的电话号码：前缀';
返回true;onmouseout =window.status ='';
返回true;title =所有者的电话号码：前缀value =<？回声

P2; ？>maxlength =3onkeyup =AEV_set_tel_number（'Phone_Number'，'P'）;/>

< input name =P3type =textid = P3size =8class =CstmFrmElmntInputi34onfocus =javascript：this.className ='CstmFrmElmntInputi34NavSel';onblur =javascript：this.className ='CstmFrmElmntInputi34';onmouseover =window.status ='Owner \的电话号码：后缀';
返回true;onmouseout =window.status ='';
返回true;title =所有者的电话号码：后缀value =<？回声

P3; ？>maxlength =4onkeyup =AEV_set_tel_number（'Phone_Number'，'P'）;/>

< input type =hiddenname =Phone Numberid =Phone_Numbervalue =<？回声

Hi, I have 3 text fields for the user to enter a phone number. Each one is set to max of each phone number segment - ( xxx xxx xxxx)3,3,4

How do I change this code to do this? It works by using the Tab key but I'd like it to jump when it hits the max character length:

<label for="P1" class="CstmFrmElmntLabel">Owner Phone</label>  
                
                <input name="P1" type="text" id="P1" size="6" class="CstmFrmElmntInputi29" onfocus="javascript:this.className = 'CstmFrmElmntInputi29NavSel';" onblur="javascript:this.className = 'CstmFrmElmntInputi29';" onmouseover="window.status = 'Owner\'s Phone Number: Area Code';
                        return true;" onmouseout="window.status = '';
                        return true;" title="Owner's Phone Number: Area Code" value="<? echo $P1; ?>" maxlength="3" onkeyup="AEV_set_tel_number('Phone_Number', 'P');"/>
                                                      
                <input name="P2" type="text" id="P2" size="6" class="CstmFrmElmntInputi29" onfocus="javascript:this.className = 'CstmFrmElmntInputi29NavSel';" onblur="javascript:this.className = 'CstmFrmElmntInputi29';" onmouseover="window.status = 'Owner\'s Phone Number: Prefix';
                        return true;" onmouseout="window.status = '';
                        return true;" title="Owner's Phone Number: Prefix" value="<? echo $P2; ?>" maxlength="3" onkeyup="AEV_set_tel_number('Phone_Number', 'P');" />
                                 
                <input name="P3" type="text" id="P3" size="8" class="CstmFrmElmntInputi34" onfocus="javascript:this.className = 'CstmFrmElmntInputi34NavSel';" onblur="javascript:this.className = 'CstmFrmElmntInputi34';" onmouseover="window.status = 'Owner\'s Phone Number: Suffix';
                        return true;" onmouseout="window.status = '';
                        return true;" title="Owner's Phone Number: Suffix" value="<? echo $P3; ?>" maxlength="4" onkeyup="AEV_set_tel_number('Phone_Number', 'P');" />
                        
                <input type="hidden" name="Phone Number" id="Phone_Number" value="<? echo $Phone; ?>" />
                <br />

What I have tried:

I'm not sure what to do yet. I'm pretty new to php and just learning and thought I'd tackle this in the code that exists already.

解决方案

P1; ?>" maxlength="3" onkeyup="AEV_set_tel_number('Phone_Number', 'P');"/> <input name="P2" type="text" id="P2" size="6" class="CstmFrmElmntInputi29" onfocus="javascript:this.className = 'CstmFrmElmntInputi29NavSel';" onblur="javascript:this.className = 'CstmFrmElmntInputi29';" onmouseover="window.status = 'Owner\'s Phone Number: Prefix'; return true;" onmouseout="window.status = ''; return true;" title="Owner's Phone Number: Prefix" value="<? echo

P2; ?>" maxlength="3" onkeyup="AEV_set_tel_number('Phone_Number', 'P');" /> <input name="P3" type="text" id="P3" size="8" class="CstmFrmElmntInputi34" onfocus="javascript:this.className = 'CstmFrmElmntInputi34NavSel';" onblur="javascript:this.className = 'CstmFrmElmntInputi34';" onmouseover="window.status = 'Owner\'s Phone Number: Suffix'; return true;" onmouseout="window.status = ''; return true;" title="Owner's Phone Number: Suffix" value="<? echo

P3; ?>" maxlength="4" onkeyup="AEV_set_tel_number('Phone_Number', 'P');" /> <input type="hidden" name="Phone Number" id="Phone_Number" value="<? echo

这篇关于如何自动将焦点跳转到下一个文本字段的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！