Focus atualizando a pagina
Por que quando clico ele da o focus onde falta preencher e atualiza a pagina assim esvaziando as variaveis?
Gostaria que isso não acontecesse e somente desse o focus
Quando ele atualiza a pagina fica com um "?" no final do url e do nome da pagina
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script src="jquery.min.js"></script>
<script>
var alunos = [];
$(document).ready(function() {
$("#cadastrar").click(function() {
cadastrar();
});
$("#exibir").click(function() {
exibir();
});
});
function cadastrar() {
if ($("#nome").val() == "" || $("#nome").val() < 3) {
alert("Preencha corretamente seu nome");
return $("#nome").focus();
} else if ($("#rgm").val() == "" || $("#rgm").val().length < 7) {
alert("Preencha corretamente seu RGM");
return $("#rgm").focus();
} else if ($("#parcial").val() == "") {
alert("Preencha corretamente sua nota parcial");
return $("#parcial").focus();
} else if ($("#exercicios").val == "") {
alert("Preencha corretamente sua nota dos exercícios");
return $("#exercicios").focus();
} else if ($("#projeto").val() == "") {
alert("Preencha corretamente sua nota do projeto");
return $("#projeto").focus();
} else if ($("#regimental").val() == "") {
alert("Preencha corretamente sua nota regimental");
return $("#regimental").focus();
} else if (($("#nome").val() + $("#rgm").val() + $("#parcial").val() + $("#exercicios").val() + $("#projeto").val() + $("#regimental").val()) > 10) {
alert("A soma das notas não podera ultrapassar de 10 pontos");
return false;
} else {
var aluno = [$("#nome").val(), $("#rgm").val(), $("#parcial").val(), $("#exercicios").val(), $("#projeto").val(), $("#regimental").val()];
alunos.push(aluno);
}
}
function exibir() {
alert(alunos[0][3]);
var conteudo = "<table border='1'><tr><th>Nome</th><th>RGM</th><th>Parcial</th><th>Exercícios</th><td>Projeto</th><th>Regimental</th></tr>"
var i;
for (i = 0; i < alunos.length; i++) {
conteudo += "<tr><td>" + alunos[i][0] + "</td><td>" + alunos[i][1] + "</td><td>" + alunos[i][2] + "</td><td>" + alunos[i][3] + "</td><td>" + alunos[i][4] + "</td><td>" + alunos[i][4] + "</td></tr>";
}
conteudo += "</table>"
$("#resultado").html = conteudo;
}
</script>
</head>
<body>
<form>
Nome: <input type="text" id="nome">
<br>RGM: <input type="text" id="rgm">
<br> Nota Parcial: <input type="text" id="parcial">
<br> Nota Exercícios: <input type="text" id="exercicios">
<br> Nota Projeto: <input type="text" id="projeto">
<br> Nota Regimental: <input type="text" id="regimental">
<br><button id="cadastrar">Cadastrar</button> <button id="exibir">Exibir Dados</button>
</form>
<div id="resultado"></div>
</body>
</html>Discussão (1)
Carregando comentários...