Jump to content
Remilton  Silva

Ativar o button somente quando todos os campos forem preenchidos.

Recommended Posts

<script>
   $(document).ready(function() {
        $("button").click(function(){
            if ($(this).val() == '' ) {
                $("button").disabled=true;
            }else {
                $("button").disabled=false;
            }
        });
    });
</script>

Olá prezados,

 

Estou pesquisando mas ainda não achei algo que me ajude com o cod.

se alguém puder ajudar, será de grande valia.

 

preciso que o button só seja ativado quando todos os inputs forem preenchidos, como faço isso em JavaScript?

 

<!DOCTYPE html>
<html lang="pt-br">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <div id="corpo-form">
            <h2>Cadastrar</h2>
            <input type="text" class="form-control" name="nome" placeholder="Nome Completo" maxlength="30"><br><br>
            <select class="form-control" name="gerencia">
                <option value="Selecione uma Opção" selected>Selecione uma Opção.</option>
                <option value="GECOR">Vendas</option>
                <option value="GECON">Almoxarifado</option>
                <option value="GECIN">RH</option>
                <option value="DIRETORIA">DIRETORIA</option>
            </select><br><br>
            <input type="text" class="form-control" name="telefone" placeholder="Telefone"maxlength="30"><br><br>
            <input type="email" class="form-control" name="email" placeholder="E-mail" maxlength="40"><br><br>
            <input type="password" class="form-control" name="senha" placeholder="Senha" maxlength="15"><br><br>
            <input type="password" class="form-control" name="confsenha" placeholder="Confirmar Senha" maxlength="15"><br><br>
            <input type="button" class="btn btn-danger btn-outline-light btn-block" value="Entrar" maxlength="" required="required">
            <br>
    </div>
</body>
</html>

 

Edited by Remilton Silva
inclusão de código javascript

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 Michael Costa
      Olá. Eu gostaria de saber se é possível passar variáveis de php para css sendo que foi colocado como nome de class as variaveis do php
    • By vinihhylian0103
      Boa noite, eu tenho um campo no meu cadastro para o usuário selecionar seu curso, que seria esse:
       
      <select name="curso" type="text" required=".$this->fields["cursos"]."> <option value="Informática">Informática</option> <option value="ADM">Administração</option> <option value="Edificações">Edificações</option> /> e eu gostaria de saber como gravar essa escolha no banco de dados, segue o código de inserrir
       
      <?php if(!$conect=mysqli_connect('localhost','root','','cadastros')) die ('erro ao conectar'); #Recolhendo os dados do formulário $nome=mysqli_real_escape_string($conect, $_POST['nome']); $sobrenome=mysqli_real_escape_string($conect, $_POST['sobrenome']); $data=mysqli_real_escape_string($conect, $_POST['data_nasc']); $rm=mysqli_real_escape_string($conect, $_POST['rm']); $curso=mysqli_real_escape_string($conect, $_POST['curso']); $email=mysqli_real_escape_string($conect, $_POST['email']); $senha=mysqli_real_escape_string($conect, $_POST['senha']); # Verificando apenas um campo, no caso dado1. $sql = $conect->query("SELECT * FROM usuarios WHERE email='$email'"); if(mysqli_num_rows($sql) > 0){ echo "Este email já foi cadastrado!"; exit(); } else { if(!$conect->query("INSERT INTO usuarios(nome, sobrenome, data_nasc, rm, curso, email, senha) VALUES('$nome','$sobrenome','$data','$rm','$curso','$email','$senha')")) die ('Os dados não foram inseridos'); echo "<script type='text/javascript'>alert('Cadastro Concluído!');</script>"; header('Location: index.html'); } Muito obrigado desde já!
    • By andrelimaverde
      Pessoal preciso de uma ajuda, desde já agradeço à todos.
      "Site teste, estudos..."
      Tenho um formulário com 3 etapas, ele está trabalhando em php normalmente e salvando os dados preenchidos em .txt (para testes apenas).
      Vamos lá, nas 3 etapas o form está com action="1.php" (2.php,  3.php) e method="post". [Não vou colocar muito código para simplificar, pois é um formulário básico fácil de entender]
      Exemplo:  Pagina 1 - envia para action '1.php'
      Nome: 
      Telefone:
      <input type="submit" value="Continuar">
      (
       O arquivo 1.php armazena os dados e redireciona => header( 'Location:Pagina2.php' ) ;   
       Assim como os outros php's
      )
      Pagina 2 - action 2.php armazena os dados e redireciona => header( 'Location:Pagina3.php' ) ; 
      Cidade:
      Endereço:
      <input type="submit" value="Continuar">
       
      A questão está na 3ª página
      Página 3 -
      Email:
      (Preciso que após preencher o campo da página 3 no caso "Email:",  ao clicar no botão, neste caso não sei se seria um submit ou button. O formulário não redirecionar para pagina 4, ao clicar ele enviar e salvar normalmente, mas aparecer um novo input na mesma pagina por Exemplo:"Twitter:"  ) 
      No caso preciso que ele não redirecione , gostaria de colocar um gif de carregando por 15 segundos por exemplo como se estivesse processando as informações... e em seguida ele apresentar o novo input do "Twitter:" , onde ai sim enviaria normalmente...
    • By silvinosantos67
      Pessoal, gostaria que o que fosse aparecer no input fosse mostrado em um texto (tentei label, span, etc)...
       
      O código é esse:
       
      <HTML> <HEAD> <TITLE> Teste </TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- var total = 0; function soma(campo) { if (campo.checked) total += eval(campo.value); else total -= eval(campo.value); document.sistema.total.value = total; } //--> </SCRIPT> </HEAD> <BODY> <FORM METHOD=POST ACTION="" name="sistema"> 1<input type="checkbox" name="valor" value="1" onClick="soma(this)"> 2<input type="checkbox" name="valor" value="2" onClick="soma(this)"> 3<input type="checkbox" name="valor" value="3" onClick="soma(this)"> 4<input type="checkbox" name="valor" value="4" onClick="soma(this)"> <div name="total" value=""> <input type="text" name="total" value=""> </FORM> </BODY>  
      Ali no lugar do <input type="text" name="total" value=""> ele aparece a soma dos checkbox que estão marcados... mas gostaria que não aparecesse em um INPUT e sim em um texto... é possível?
×

Important Information

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