Discussion :

[Atom87]

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]

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]

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

[Diablo_22]

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

[Atom87]

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]

EXEMPLE

[Atom87]

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

[Invité]

Bonjour,

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]

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]

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

[Atom87]

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]

[SpaceFrog]

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

[Invité]

@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]

Oui j'utilse jquery...

[Invité]

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]

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]

@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é]

@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]

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...