Jump to content
andjao

Focus atualizando a pagina

Recommended Posts

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>

Share this post


Link to post
Share on other sites

Tenta tirar esses returns...

function cadastrar() {
            if ($("#nome").val() == "" || $("#nome").val() < 3) {
                alert("Preencha corretamente seu nome");
                $("#nome").focus();
            } else if ($("#rgm").val() == "" || $("#rgm").val().length < 7) {
                alert("Preencha corretamente seu RGM");
                $("#rgm").focus();
            } else if ($("#parcial").val() == "") {
                alert("Preencha corretamente sua nota parcial");
                $("#parcial").focus();
            } else if ($("#exercicios").val == "") {
                alert("Preencha corretamente sua nota dos exercícios");
                $("#exercicios").focus();
            } else if ($("#projeto").val() == "") {
                alert("Preencha corretamente sua nota do projeto");
                $("#projeto").focus();
            } else if ($("#regimental").val() == "") {
                alert("Preencha corretamente sua nota regimental");
                $("#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);
            }
        }

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By juliosertori
      Olá boa tarde, tudo bem?
       
      Tenho uma consulta de CEP via AJAX, na qual ele seleciona a cidade no SELECT cidades:
       
      $("#cidade").val(dados.localidade);
       
      O problema é que tem que estar exatamente igual nos 2 lados, na consulta e no select.
       
      Como fazer para não diferenciar minúsculas e maiúsculas, e caracteres especiais?
       
      Obrigado!
    • By juliosertori
      Olá tudo bem?
       
      Tenho campos de produtos que somam os valores e multiplicam pela quantidade, na maioria das vezes o valor sai corretamente em um INPUT com MASK de Moeda, mas alguns valores sai por exemplo dessa forma:
       
      8984.960000000001
       
      O que faz com que não fique corretamente para mandar no POST e tratar os dados depois, na maioria das vezes ele vem correto, por exemplo:
       
      R$ 8,898.10
       
      Não encontrei uma forma dele tratar quando tiver várias casas ele concertar etc.
    • By Carcleo
      Pessoal, bom dia!
       
      Tenho o código abaixo que faz um efeito de parallax e está funcionando normalmente
      CSS
      #top {     background: url("img/1.jpg");     height: 300px; } #mid {     background: url("img/2.jpg");     height: 400px; } #bot {     background: url("img/3.jpg");     height: 500px; } HTML
      <script type="text/javascript" src="jquery.js"></script>   <body>   <div id="top" class="prlx"></div>   <div id="mid" class="prlx"></div>   <div id="bot" class="prlx"></div> </body>  JQUERY
      $('.prlx').each(function() {        var obj = $(this);        obj.css('background-position', 0);     obj.css('background-attachment', 'fixed');        $(window).scroll(function() {     var offset = obj.offset();     var yPos = -($(window).scrollTop() - offset.top) / 10;     var bgpos = '50% ' + yPos + 'px';     obj.css('background-position', bgpos);   });    }); Fui aplicar no meu site 
       
      https://acweb.net.br/
       
      e o efeito parallax não funcionou embora no inspector dá para ver os cálculos sendo feitos e adicionado às sections
       
      Alguém me ajuda a descobrir onde errei?
       
      Já estou faz um tempão e não acho!
       
      As sections afetadas são as que começam com os textos
       
      Fazemos todo o trabalho por você e contato, 
    • By juliosertori
      Olá galera tudo bem?
       
      Tenho um While em Javascript, e preciso dentro dele um JSON, ex:
       
      while ( qtdProd <= qtdProdutos ) { { "cod_barras": "SEM GTIN", "codigo_produto": 1, "nome_produto": "Coca-cola lata 350 ml", "ncm": "44071100", "unidade": "UN", "quantidade": 1.00, "valor_unitario": 3.5, "compoe_valor_total": 1 } qtdProd++; } Logicamente assim não funciona, mas não encontrei como inserir corretamente
    • By juliosertori
      Olá galera tudo bem? Tenho o seguinte JSON:
       
      var jsNfe = { "venda": { "identificacao": 1, "comentario": "" }, "documento": { "numero_nf": 663, "natureza_operacao": "Venda de produto de estabelcimento", "cfop": "6101", "numero_serie": 1, "ambiente": 2, "info_complementar": "", "consumidor_final": 1, "operacao_interestadual": 1, "CSC": "GPB0JBWLUR6HWFTVEAS6RJ69GPCROFPBBB8G", "CSCid": "000002" }, "emitente": { "codigo_uf": 31, "razao_social": "empresa", "nome_fantasia": "empresa", "ie": "5464324354", "cnpj": "25447541000155", "crt": 1, "csosn": "101", "logradouro": "ENDERECO", "numero": 444, "complemento": "", "bairro": "CENTRO", "nome_municipio": "Serrania", "cod_municipio_ibge": "3166907", "uf": "MG", "cep": "37143000", "nome_pais": "Brasil", "cod_pais": "1058" }, "destinatario": { "nome": "DESTINAT", "tipo": "j", "cpf_cnpj": "544114552000155", "ie_rg": "54545454", "contribuinte": 1, "logradouro": "ENDERECO, "numero": 665, "complemento": "", "bairro": "centro", "nome_municipio": "cidade", "cod_municipio_ibge": "4112009", "uf": "PR", "cep": "546545645", "nome_pais": "Brasil", "cod_pais": 1058 }, "itens": [ { "cod_barras": "SEM GTIN", "codigo_produto": 1, "nome_produto": "Coca-cola lata 350 ml", "ncm": "44071100", "unidade": "UN", "quantidade": 1.00, "valor_unitario": 3.5, "compoe_valor_total": 1 } ], "frete": { "modelo": 0, "valor": 1.2, "quantidade_volumes": 1.0, "numero_volumes": 1.0, "especie": "TON", "placa": "AZE1757", "uf_placa": "PR", "peso_liquido": 10.0, "peso_bruto": 12.0 }, "responsavel_tecnico": { "cnpj": "454545454444", "contato": "CONT", "email": "EMAIL", "telefone": "TEL" }, "pagamento": { "tipo": "14", "indicacao_pagamento": 0 }, "fatura": { "desconto": 0.00, "total_nf": 3.5 }, "duplicatas": [ { "data_vencimento": "2020-04-21", "valor": 3.5 } ], "tributacao": { "icms": 0.00, "pis": 0.00, "cofins": 0.00, "ipi": 0.00 } };  
      Já testei diretamente no POSTMAN, ele funciona perfeitamente no sistema, mas não consigo de forma alguma enviar via AJAX POST
       
      Vlww
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.