Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Habilitar ou desabilitar submit usando validação jQuery

14-05-2012 14:00

Esse script abaixo mostra como usar validação, e habilitar ou desabilitar o botão submit somente se todos os campos estiverem preenchidos ou de acordo com a validação.

<script src="jquery.js"></script>   <script> $(document).ready(function() {   $('#form input').keyup(function() {   if($('#campo1').val() == "" || $('#campo2').val() == "...") { $("#submit").attr("disabled", true); } else { $("#submit").attr("disabled", false); }   });   }); </script>


<form id="form"> <input type="text" name="campo" id="campo1" value=""> <input type="text" name="campo" id="campo2" value="..."> <input type="submit" id="submit" disabled="disabled"> </form>

0
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Habilitar ou desabilitar submit usando validação jQuery

12-07-2013 16:32

Vou postar uma versão mais dinâmicas desse script, onde não é necessário informar todos os inputs.

* Só para input text

<script src="jquery.js"></script>   <script>   $(document).ready(function() {   $('.i').keyup(function() {   if( $('#form input:text[value=""]').length=='0' ) { $("#submit").attr("disabled", false); } else { $("#submit").attr("disabled", true); }   });   });   </script>


<form id="form"> <input type="text" name="" class="i" value=""> <input type="text" name="" class="i" value=""> <input type="submit" id="submit" value="enviar" disabled="disabled"> </form>

0
A melhor hospedagem para o seu site HostGator!
 
Primeiras postagens
Primeiras postagens
Mensagens: 3
Sexo: Masculino

Habilitar ou desabilitar submit usando validação jQuery

18-07-2013 15:08

Olá estou utilizando o seu script e para validação de um campo ele está funcionando, segue o código abaixo:

<script> $(document).ready(function() {   $('#form_change_personal_data input').keyup(function() {   if($('#name_change_personal_data').val() == "" || $('#name_change_personal_data').val() == "{{user.first_name}}"){ $("#submit").attr("disabled", true); } else { $("#submit").attr("disabled", false); }   }); }); </script>  


<form class="form-horizontal" action="/sagi/change/data/" id="form_change_personal_data" method="post">             {% csrf_token %}             <div class="control-group">                 <label class="control-label" for="name_change_personal_data">{% trans "Nome" %}</label>                 <div class="controls">                     <input type="text" name="first_name" id="name_change_personal_data" value="{{user.first_name}}" placeholder={{user.first_name}} />                 </div>             </div> </form>   <input type="submit" id="submit" value="{% trans "Salvar Alterações" %}" class="btn btn-primary" disabled="disabled" />


Porém quero validar mais de um, e não sei se estou fazendo errado, mas não tá funcionando...

Adicionei mais este input:

<div class="control-group">                 <label class="control-label" for="lastname_change_personal_data">{% trans "Sobrenome" %}</label>                 <div class="controls">                     <input type="text" name="last_name" id="lastname_change_personal_data" value="{{user.last_name}}" placeholder="{{user.last_name}}"/>                 </div>             </div>

e o js ficou assim:

<script> $(document).ready(function() {   $('#form_change_personal_data input').keyup(function() {   if($('#name_change_personal_data').val() == "" || $('#name_change_personal_data').val() == "{{user.first_name}}") ||        ($('#lastname_change_personal_data').val() == "" || $('#lastname_change_personal_data').val() == "{{user.last_name}}"){ $("#submit").attr("disabled", true); } else { $("#submit").attr("disabled", false); }   }); }); </script>


Qual outra maneira posso tentar?
0
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17736
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Habilitar ou desabilitar submit usando validação jQuery

18-07-2013 17:20

Deve ficar tudo no mesmo if

if( $('#name_change_personal_data').val() == "" || $('#name_change_personal_data').val() == "{{user.first_name}}")

0
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Bing [Bot]