Disabled un button si form non complété

Version imprimable

Bonjour ;

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

Code:

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

Bonjour,

Code:

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

20/08/2015, 15h40
Atom87

Uncaught TypeError: $(...).disable is not a function...
20/08/2015, 15h41
Diablo_22

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

Code:

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);
        }

20/08/2015, 15h46
Diablo_22

EXEMPLE
20/08/2015, 15h54
Atom87

euh je ne comprends pas...je veux juste passé mon button a disabled false lorsque mon form est complété
20/08/2015, 15h56
Invité

Bonjour,

Citation:

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:

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

Code:

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

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

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:

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');
        }

20/08/2015, 16h09
SpaceFrog

https://jsfiddle.net/TFTvn/874/
20/08/2015, 16h15
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...
20/08/2015, 16h17
Diablo_22

:arf:
20/08/2015, 16h22
SpaceFrog

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

@Diablo_22

QUESTION(s) :

utilises-tu jQuery ou pas ?? :weird:

Si oui :

jQuery est-il bien initialisé ?

Code:

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

En jQuery, ça donnerait :
Code:

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 ?

20/08/2015, 16h41
Atom87

Oui j'utilse jquery...
20/08/2015, 16h46
Invité
Merci pour cette réponse qui va beaucoup nous aider... :roll:

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)
:roll::roll:

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

Code:

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');
         }

20/08/2015, 17h04
SpaceFrog

@Jreaux:

Citation:

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/
20/08/2015, 18h06
Invité

@Atom87

Ca fait "plaisir" :langue: 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 ! :roll:
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:

$(':text').on('keyup change', function(){
21/08/2015, 09h00
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...

Arrétez tout , ça marche ^^

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
       $('#submit_form').attr('disabled', true);
 
        $('input[type="text"], textarea, #categoryForm').on('change',function() {
 
            var category_value= $("#categoryForm").val();
            var name_value = $("#name").val();
            var address_value = $('#autocomplete_interest_point').val();
 
            if(category_value != '' && name_value != '' && address_value != '') 
            {
                $('#submit_form').attr('disabled' , false);
            }
            else
            {
                $('#submit_form').attr('disabled' , true);
            }
        });