Tab por enter em todos os campos

Front-end
#1

Bom dia

Gostaria de saber se tenho como aplicar algum tipo de codigo que faça o trabalho de tab por enter em todos os campos, e nao passar campo a campo fazendo esse trabalho.

<div id="formulario" align="center">
                        <h:form>
                            <p:messages id="messages" showDetail="true" autoUpdate="true"/>
                            <h:panelGrid columns="2" id="pn">
                                <h:outputLabel id="llogin" value="Login:"/>
                                <p:inputText id="ilogin" size="22" maxlength="21" value="#{telaLogin.login}" required="true" 
                                             requiredMessage="Necessário preenchimento do campo Login"/>

                                <h:outputLabel id="lsenha" value="Senha:"/>
                                <p:password id="isenha" size="22" maxlength="21" value="#{telaLogin.senha}" required="true" feedback="false" requiredMessage="Necessário preenchimento do campo Senha"/>
                            </h:panelGrid>
                            <p:focus for="ilogin"/>
                            <br></br>
                            <p:commandButton value="Logar" action="#{telaLogin.bLogar}"
                                             update="pn"
                                             onclick="chamados"/>
                        </h:form>
                    </div>

Se caso eu pudesse aplicar no DIV ou no PanelGrid, para que todos os campos que sao filhos destes aceitem o tab pelo enter, isso em JSF 2.0.

Obrigado

#2

Boa tarde amigo.

Estive com o mesmo problema estes tempos, o Enter sempre serve no caso de formulários Web para dar submit nos formulários. Tenta procurar algun código JavaScript, existem muitos exemplos, pode ser que tenha mais sorte, eu acabei tratando no próprio formulário, fazendo uma validação de só deixar enviar depois que todos os campos estejam preenchidos e uma mensagem avisando para usar o TAB.

Abraço e boa sorte.
Se conseguir algo avise.

Diego Silva 8)

#3

Não tenho pronto, mas acho que dá pra você usar JQuery pra fazer o trabalho sujo.

#4

http://battisti.etc.br/2009/12/11/enter-as-tab-jquery/
http://thinksimply.com/blog/jquery-enter-tab

#5

[quote=josivanl]Bom dia

Gostaria de saber se tenho como aplicar algum tipo de codigo que faça o trabalho de tab por enter em todos os campos, e nao passar campo a campo fazendo esse trabalho.

<div id="formulario" align="center">
                        <h:form>
                            <p:messages id="messages" showDetail="true" autoUpdate="true"/>
                            <h:panelGrid columns="2" id="pn">
                                <h:outputLabel id="llogin" value="Login:"/>
                                <p:inputText id="ilogin" size="22" maxlength="21" value="#{telaLogin.login}" required="true" 
                                             requiredMessage="Necessário preenchimento do campo Login"/>

                                <h:outputLabel id="lsenha" value="Senha:"/>
                                <p:password id="isenha" size="22" maxlength="21" value="#{telaLogin.senha}" required="true" feedback="false" requiredMessage="Necessário preenchimento do campo Senha"/>
                            </h:panelGrid>
                            <p:focus for="ilogin"/>
                            <br></br>
                            <p:commandButton value="Logar" action="#{telaLogin.bLogar}"
                                             update="pn"
                                             onclick="chamados"/>
                        </h:form>
                    </div>

Se caso eu pudesse aplicar no DIV ou no PanelGrid, para que todos os campos que sao filhos destes aceitem o tab pelo enter, isso em JSF 2.0.

Obrigado[/quote]

#6