Discussion :

[Malonix]

Salut salut à tous...

Donc voila je suis un peu en train de paufiner mon code de jquery pour mon site en symfony, et voila ce que j'aimerai faire c'est que en faite le temps que mon champs courriel n'est pas correct(verification du format, verification si il n'est pas déja inscrit) c'est de mettre la valeur de disabled à false (Comme suit le code) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type=submit disabled="true"

Mais voila après avoir fait plusieurs tests, et avoir rentré un mail valide, il me garde la valeur à true, et donc le bouton est non cliquable...

Voila un bout de mon code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
          $.ajax({
            type: "POST",
            url: "/inscriptionNewsletter/mail",
            data : "courriel="+value,
            success:function(data){
              if(data==1)
              {
                info_form.append("Un compte avec le même courriel existe déja");
                $('#submitNewsletter').attr('disabled', 'true');
              }
              else
              {
                $('#submitNewsletter').attr('disabled', 'false');
              }

Merci par avance si quelqu'un peut m'aider, autrement je vais pas m'embeter et donc cacher directement le bouton autrement, mais j'ai peut que cela ne plaise pas...

[Bovino]

C'est une confusion qui est souvent faite entre les attributs HTML d'une balise et les propriétés JavaScript de l'objet correspondant.
En gros, en HTML, l'attribut disabled n'admet qu'une seule valeur : "disabled", ce qui signifie que :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type=submit disabled="true" />

ou

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type=submit disabled="false" />

c'est soit :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type=submit disabled="disabled" />

soit

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<input type=submit />

En revanche, cela correspond en JavaScript à une propriété disabled pour l'objet input créé avec comme valeurs possibles true ou false.
Il ne faut donc pas passer par setAttribute, mais directement par la propriété :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#submitNewsletter').disabled = false;

[Malonix]

Juste deux questions :

Dans le JS : Quand je veux bloquer l'appui sur le bouton c'est bien ca qu'il faut mettre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#submitNewsletter').disabled = true;

Dans l'HTML : Est ce qu'il faut par défaut mettre l'attribut disabled ?

Autrement pour l'instant cela ne fonctionne pas...

[Kerod]

Nan en jQuery ça ne fonctionne pas comme ça. disabled, il faut le dire, est un attribut HTML et donc il faut le considérer en tant que tel.
jQuery dispose d'une panoplie de fonction dont attr, qui modifie l'attribut que tu lui passes en paramètre. Dans ton cas ce sera :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('#submitNewsletter').attr("disabled", "disabled");

Pour ta dernière question, tout ce dont tu as besoin de faire est déjà fait dans cette fonction. Tout le reste est géré par jQuery

[Malonix]

Oui j'ai pu voir ca sur d'autre forum (en anglais ) et voila j'ai reussi à régler le problème...

Donc comme tu dis pour activer l'attribut "disabled" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#submitNewsletter").attr("disabled", "disabled");

Et pour le desactiver, il faut en faite supprimer ce qu'il ya dans disabled, en utilisant la fonction removeattr :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$("#submitNewsletter").removeAttr("disabled");

Voila merci à toi d'avoir répondu, je n'ai plus qu'a cliquer sur Résolu