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 fideles
      Mais uma vez venho aqui pedir ajuda a vocês.
       
      Tenho um formulario que criei aqui na empresa algo bem simples, somente para sair das planilhas de excel, que seria cadastro de funcionarios.
       
      Tem os campos, matricula, nome completo, unidade de trabalho, endereço e telefone de emergencia.
       
      A parte do formulario funciona, a gravação no BD tbm, listar as informações também, ai me perguntaram se era possível um auto preenchimento dos campos colocando somente a matricula do funcionario e respondi que eu não sei porque realmente não sei.
       
      A ajuda que eu preciso de vocês seria, é possível fazer isso ? Colocar a matricula e vir do banco e preencher os outros inputs? Se sim, é possível me derem um exemplo de como funciona e eu estudar o codigo e colocar nos outros inputs.
       
      Obrigado antecipadamente. 
       
    • By gersonab
      Boa tarde, tenho uma página de pesquisa com vários campos, podendo usar um apenas para pesquisa, fica a critério da pessoa, o que acontece é que todos os campos quando se faz o autocomplete ele envia a pesquisa pelo id, porém se eu enviar o campo em vazio o formulário envia assim mesmo a pesquisa, gostaria que só enviasse caso estivesse com o id.
      segue o formulário:
      <h4>Localizar por ...</h4> <form role="form" action="listcliente.php" method="GET" autocomplete='off'> <div class="form-row mb-4"> <div class="form-group col-md-12"> <label>Nome ou ...</label> <input type="text" name="nomec" id="nomec" class="form-control" style="text-transform: uppercase;"> <input type="hidden" name="idc" id="idc"> </div> </div> <div class="form-row mb-4"> <div class="form-group col-md-4"> <label>CPF ou ...</label> <input type="text" name="cpfc" id="cpfc" class="form-control"> </div> <div class="form-group col-md-4"> <label>CNPJ ou ...</label> <input type="text" name="cnpj" id="cnpj" class="form-control"> </div> <div class="form-group col-md-4"> <label>Data de nascimento</label> <input type="text" name="datan" id="datan" class="form-control"> </div> </div> <input type="submit" name="Localizar" value="Localizar" class="btn btn-primary mt-3"> </form> o autocomplete, apenas um de exemplo.
      $( "#nomec" ).autocomplete({ minLength: 2, source: function( request, response ) { $.ajax({ url: "../lista/autocli.php", type: 'post', dataType: "json", data: { search: request.term }, success: function( data ) { response( data ); } }); }, select: function (event, ui) { $('#nomec').val(ui.item.label); // display the selected text $('#idc').val(ui.item.value); // save selected id to input return false; } }); a página autocli.php
      <?php require_once('config.php'); if(isset($_POST['search'])){ $search = $_POST['search']; $query = "SELECT nomec, idc FROM cli WHERE nomec LIKE '%".$search."%'"; $result = mysqli_query($con,$query); $response = array(); while($row = mysqli_fetch_array($result) ){ $response[] = array("value"=>$row['idc'],"label"=>$row['nomec']); } echo json_encode($response); } exit; ?> desde já agradeço a ajuda.
    • By emmanuelsiqueira30
      Pessoal boa tarde.
      Gostaria de saber como posso pegar os valores da linha na tabela <table> que eu clicar no link visualizar dados na coluna opções e aparecer dados do banco daquela linha.
       
       
       
       
    • By Alberto Nascimento
      Sempre que atualizo as informações de minha página HTML SIMPLES, preciso "apagar todo histórico e conteúdo de navegação" pois mesmo se tiver passado horas ou dias sempre é exibido o que esta no cache do navegador.
      Como consigo fazer com que a página sempre que for acessada novamente, ou após 5 minutos ela recarregue?
      Acho que seria como recarregar automaticamente.
       
      Como faço isso?
    • By gersonab
      Bom dia, tenho 2 tabelas editáveis em uma div, estas funcionam normalmente, o problema é que o loop não acontece , só carrega sobre 1 item, sendo que este eu posso ter mais itens.
       na página principal tenho:
      <div class="carregadados"></div> function fetch_data() { $.ajax({ url:"../lista/finan.php", method:"POST", success:function(data){ $('.carregadados').html(data); } }); } fetch_data(); a página a ser carregada esta assim:
      <?php session_start(); require_once('config.php'); $output = ''; $idc1=$_SESSION['idc']; $sql01 = "SELECT * FROM porcent WHERE idfcli='$idc1'"; $result = mysqli_query($con, $sql01); while($user41 = mysqli_fetch_array($result)){ // primeiro while onde seleciono os itens da pessoa podendo ter vários $output .= ' <div class="table-responsive mb-4 mt-4"> Aqui vem os dados da pessoa '; $id1= $user41["idproc"]; $sqladv = "SELECT * FROM poradv WHERE procav='$id1'"; $resulta = mysqli_query($con, $sqladv); $output .= ' <table class="table table-bordered table-hover table-striped" style="width:100%"> <thead> <tr> </tr> </thead> <tbody>'; if(mysqli_num_rows($resulta) > 0) { while($usera = mysqli_fetch_array($resulta)){ //segundo while onde tenho os dados de venda em uma tabela editavel $output .= ' <tr> </tr>'; } $output .= ' <tr> // insiro linhas caso precise </tr> '; } else { $output .= '<tr> // caso não tenha nada inserido, posso fazer por aqui </tr> '; } $output .= '</tbody> </table>'; $id2= $user41["idproc"]; $sql = "SELECT * FROM parcelas WHERE procid='$id2' ORDER BY datapar, idpar ASC"; $result = mysqli_query($con, $sql); $output .= ' <table class="table table-bordered table-hover table-striped" style="width:100%"> <thead> <tr> // tabela de pagamentos editavel </tr> </thead> <tbody>'; if(mysqli_num_rows($result) > 0) { while($row = mysqli_fetch_array($result)) { //terceiro while , tabela referente a pagamentos $output .= ' <tr> // tabela pagamentos </tr>'; } $output .= ' <tr> // insiro linhas caso precise </tr> '; } else { $output .= '<tr> // caso não tenha nada inserido, posso fazer por aqui </tr> '; } $output .= '</tbody> </table> </div> '; } echo $output; ?> só esta carregando uma vez , tudo dentro da parte editável esta funcionando, porém no primeiro while só faz 1 loop, os demais estão funcionando perfeitamente.
      desde já agradeço qualquer ajuda.
×

Important Information

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