Troca de campo a pos a digitação

Programação
,
#1

Boa trade galera tudo na paz ?

gostaria de tirar um duvida com vcs, estou querendo fazer uma funcionalidade que ao digitar uma quantia de numero predefinido de um campo, ele mude para o próximo automático.
Exp:
Estou usando o p:calendar para poder digitar as horas, onde o a quantidade de digito são 4 “08:00”, após digitar esses esse hora, queria que saltasse para o outro campo.

Obs: estou usando JSF+Primeface

grato pela atenção de todos.

#2

Não seria melhor criar um KeyEvent?? ao pressionar ENTER por exemplo ele muda de campo

1 curtida
#3

Opa

Tente desta forma

<h:form id="formPrincipal">
		<p:messages autoUpdate="true" showDetail="true" closable="true"/>
		
		<script type="text/javascript">
			function teste(){
				var valor = document.getElementById('formPrincipal:inputTeste');
				if(valor.value.length > 2){
					document.getElementById("formPrincipal:inputTeste2").focus();
				}
			}
		</script>
		
		<h:panelGrid>
			<p:inputText value="#{testeMB.texto}" id="inputTeste" onkeypress="teste()" style="width:90% !important" />
			<p:inputText value="#{testeMB.texto}" id="inputTeste2" style="width:90% !important" />
		</h:panelGrid>
		
		<p:commandButton value="Salvar"
								action="index.faces" actionListener="#{testeMB.salvar}"
								style="margin: 130 auto;" ajax="false" />
	
	</h:form>

Ao invés de usar input use o calendar.

Caso seja igual a 4 digitos você seta o focus no campo que você quer.

1 curtida