preciso que após o enter ser pressionado a seleção pule para a próxima caixa, e depois se o enter for pressionado de novo o formulario seja enviado,
esse é o meu código:
<!DOCTYPE html><html><head><!--Import Google Icon Font--><linkhref="https://fonts.googleapis.com/icon?family=Material+Icons"rel="stylesheet"><!-- Compiled and minified CSS --><linkrel="stylesheet"href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css"><!--Let browser know website is optimized for mobile--><metaname="viewport"content="width=device-width, initial-scale=1.0"/></head><body><divclass="container"><divclass="row"><divclass="input-field col s12"><iclass="material-icons prefix">edit</i><inputid="OS"type="text"class="validate"><labelfor="OS">ORDEM DE SERVIÇO</label></div><divclass="input-field col s12"><iclass="material-icons prefix">dock</i><inputid="EQUIP"type="text"class="validate"><labelfor="EQUIP">ID MAQUINA</label></div><divclass="input-field col s12"><buttonclass="btn waves-effect waves-light"id="btn">ENVIAR
<iclass="material-icons right">send</i></button></div></div></div><!-- Compiled and minified JavaScript --><scriptsrc="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script><script>var ordemBox = document.getElementById("OS");var maquinaBox = document.getElementById("EQUIP");
document.getElementById("btn").addEventListener("click",addRecord);function addRecord(){var ordem = ordemBox.value;var maquina = maquinaBox.value;if(ordem.trim().length ==0|| maquina.trim().length ==0){
M.toast({html:'INSIRA A ORDEM DE SERVIÇO E ATIVO!'})//google.script.run.errorMessage(); --- error example ----}else{var data ={
ordem: ordemBox.value,
maquina: maquinaBox.value
};
google.script.run.appendData(data);
ordemBox.value ="";
maquinaBox.value ="";}//CLOSE ELSE}//CLOSE ADD RECORD</script></body></html>
e esse é a condição que não consegui mesclar ao meu código.
// Get the input field
var input = document.getElementById("myInput");
// Execute a function when the user releases a key on the keyboard
input.addEventListener("keyup", function(event) {
// Number 13 is the "Enter" key on the keyboard
if (event.keyCode === 13) {
// Cancel the default action, if needed
event.preventDefault();
// Trigger the button element with a click
document.getElementById("myBtn").click();
}
});
PRÓXIMA CAIXA E ENVIO DE FORMULÁRIO COM (ENTER)
em HTML, XHTML, CSS
Postado · Editado por phillypmack
Boa tarde!
preciso que após o enter ser pressionado a seleção pule para a próxima caixa, e depois se o enter for pressionado de novo o formulario seja enviado,
esse é o meu código:
e esse é a condição que não consegui mesclar ao meu código.
// Get the input field var input = document.getElementById("myInput"); // Execute a function when the user releases a key on the keyboard input.addEventListener("keyup", function(event) { // Number 13 is the "Enter" key on the keyboard if (event.keyCode === 13) { // Cancel the default action, if needed event.preventDefault(); // Trigger the button element with a click document.getElementById("myBtn").click(); } });