Disabled un button si form non compl�t�

**Atom87** · 20/08/2015, 15h30

Bonjour ;

Je ne comprends pourquoi cela ne marche pas....

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
 
        var selectCategoryValue = document.getElementById('categoryForm').value
        var inputName = document.getElementById('categoryForm').value
        var inputAddress = document.getElementById('categoryForm').value
 
 
        if (selectCategoryValue != "Selection Category Form" || inputName != '' || inputAddress != ''){
            $('#submit_form').attr("disabled", true);
 
        else
        {
            $('#submit_form').removeAttr("disabled");
        }

merci de votre aide

**Diablo_22** · 20/08/2015, 15h35

Bonjour,

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
var selectCategoryValue = document.getElementById('categoryForm').value
        var inputName = document.getElementById('categoryForm').value
        var inputAddress = document.getElementById('categoryForm').value
 
 if (selectCategoryValue != "Selection Category Form" || inputName != '' || inputAddress != ''){
   // Disabled with:
   $('input[type="submit"], input[type="button"], button').disable(true);
}else{
   // Enabled with:
   $('input[type="submit"], input[type="button"], button').disable(false);
}

EXEMPLE

**Atom87** · 20/08/2015, 15h40

Uncaught TypeError: $(...).disable is not a function...

**Diablo_22** · 20/08/2015, 15h41

Je t'ai poster l'exemple du code sur le post d'avant

**Atom87** · 20/08/2015, 15h43

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
         if (selectCategoryValue != "Selection Category Form" || inputName != '' || inputAddress != ''){
           // Disabled with:
           $('#submit_form').disable(true);
        }else{
           // Enabled with:
           $('#submit_form').disable(false);
        }

**Diablo_22** · 20/08/2015, 15h46

EXEMPLE

**Atom87** · 20/08/2015, 15h54

euh je ne comprends pas...je veux juste pass� mon button a disabled false lorsque mon form est compl�t�

Invit� · 20/08/2015, 15h56

Bonjour,

Envoy� par Atom87

euh je ne comprends pas...je veux juste pass� mon button a disabled false lorsque mon form est compl�t�

Il n'y a pas de disabled="false". On met disabled="disabled" ou... rien du tout !

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

   $('#submit_form').attr('disabled','disabled');

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

   $('#submit_form').removeAttr('disabled');

Ca vaut aussi pour les attributs selected="selected" et readonly="readonly".

**Atom87** · 20/08/2015, 16h07

merci pour votre aide...

je ne trouve pas de solution....j'ai un select et deux champs texte...si un de ces 3 champs est nulles alors le bouton est disabled
edit :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
        var selectCategoryValue = document.getElementById('categoryForm').value
        var inputName = document.getElementById('name').value
        var inputAddress = document.getElementById('autocomplete_interest_point').value
 
 
        if (selectCategoryValue.length == 0 || inputName.length == 0 || inputAddress.length == 0){
 
           $('#submit_form').attr('disabled','disabled');
        }
        else
        {
            $('.actions input').removeAttr('disabled');
        }

**SpaceFrog** · 20/08/2015, 16h09

https://jsfiddle.net/TFTvn/874/

**Atom87** · 20/08/2015, 16h15

ok, mais moi ce sont des input type=" text" que je dois compl�ter...

donc tant que mes champs ne sont pas compl�t�; le button est disabled...

**Diablo_22** · 20/08/2015, 16h17

**SpaceFrog** · 20/08/2015, 16h22

https://jsfiddle.net/TFTvn/875/

Invit� · 20/08/2015, 16h34

@Diablo_22

QUESTION(s) :

utilises-tu jQuery ou pas ??

Si oui :

jQuery est-il bien initialis� ?

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Si non -> tu m�langes JavaScript "pur" et jQuery dans ton code...

En jQuery, �a donnerait :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
        var selectCategoryValue = $('#categoryForm').val();
        var inputName = $('#name').val();
        var inputAddress = $('#autocomplete_interest_point').val();
 
        if (selectCategoryValue == '' || inputName == '' || inputAddress == ''){
 
           $('#submit_form').attr('disabled','disabled');
        }
        else
        {
            $('.actions input').removeAttr('disabled');
        }

@SpaceFrog
Ta fonction disable() n'a pas grand int�r�t... si ?

**Atom87** · 20/08/2015, 16h41

Oui j'utilse jquery...

Invit� · 20/08/2015, 16h46

Merci pour cette r�ponse qui va beaucoup nous aider...

Surtout, si tu as autre chose � dire, n'h�site pas !
Apr�s tout, c'est toi qui a besoin d'aide....

Ou alors,

ne mets pas d'alert() dans ton code jQuery (pour v�rifier les donn�es, ou voir dans quel if �a passe)
ne nous montre surtout pas le code complet (formulaire + jQuery complet)

**Atom87** · 20/08/2015, 16h57

Au chargement de ma page j'ai bien mon alert ok

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
        var selectCategoryValue = document.getElementById('categoryForm').value
        var inputName = document.getElementById('name').value
        var inputAddress = document.getElementById('autocomplete_interest_point').value
 
        console.log(selectCategoryValue)
         if (selectCategoryValue.length == 0 || inputName.length == 0 || inputAddress.length == 0){
           alert('ok')
           $('#submit_form').attr('disabled','disabled');
        }
         else
         {
            alert('nonok')
            $('#submit_form').removeAttr('disabled');
         }

**SpaceFrog** · 20/08/2015, 17h04

@Jreaux:

Ta fonction disable() n'a pas grand int�r�t... si ?

Non j'ai juste repris le code d'un post pr�c�dent ...
On peut tr�s bien faire sans :
https://jsfiddle.net/TFTvn/877/

Invit� · 20/08/2015, 18h06

@Atom87

Ca fait "plaisir"

de voir que tu n'as tenu AUCUN compte de mon code pr�c�dent...

Par contre, tu as BIEN tenu compte de mon conseil de NE PAS montrer ton code entier. BRAVO !

On ne sait pas non plus (faute de code !!!) si le bouton a bien pour identifiant "submit_form"...

Spacefrog t'a fourni AUSSI du code, avec "d�clencheur" : $('...').on('change', ........
Mais dans ton code, on n'en voit aucun.

Perso,je mettrais m�me :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

$(':text').on('keyup change', function(){

**Atom87** · 21/08/2015, 09h00

Bonjour,

Voici ou j'en suis : http://fiddle.jshell.net/K5Pfj/

et comment prendre en compte le select ?

Cordialement

EDIT...et je ne comprends pas la premi�re partie du code...

Disabled un button si form non compl�t�

JavaScript

Discussions similaires

Partager

Partager