Jquery :: Problème / Button Disabled/Enabled if input fields > 6

Résolu/Fermé

Geishin Messages postés 9 Date d'inscription mardi 20 mai 2014 Statut Membre Dernière intervention 30 juin 2014 - Modifié par Geishin le 25/05/2014 à 04:55
R4DHW3N - 30 nov. 2016 à 10:22

Bonjour ! :)

Alors voilà mon problème : j'essai de créer une fonction qui permet de débloquer le bouton submit lorsque chacun des champ du formulaire sont remplis d'au-moins 6 characters. Mais je n'y arrive pas... Help ? :)

$(function(){
    $('#next').prop("disabled", function(){
        if ($('.idinput').val() > 6){
   $('#next').prop("disabled", false);
  }
  else{
   $('#next').prop("disabled", true);
  }
    });
    
    $('#next').click(function(){
  $('#regdiv').animate({left: "-=400"}, 2000, function(){
   $('#next').prop("disabled", true);
   $('#class').show("slide", { direction: "left" }, 1500);
  });
 });
});

Et le CSS

<form id="register" action="register.php" method="post">
     <input class="idinput" type="text" name="pseudo" placeholder="Character name" style="position: absolute; top: 25px"/>
     <input class="idinput" type="password" name="password" placeholder="Password" style="position: absolute; top: 66px"/>
     <input class="idinput" type="email" name="email" placeholder="E-mail" style="position: absolute; top: 107px"/>
     <input class="reg" id="prev" type="button" value="Skip."/>
     <input class="reg" id="next" type="button" value="Next." disabled/>
    </form>

Bonne journée à vous ! :)

A voir également:

Jquery :: Problème / Button Disabled/Enabled if input fields > 6
Jquery format date - Forum Webmastering
Probleme de cohabitation de jquery - Forum Javascript
Drag & drop JQuery ✓ - Forum Javascript
Probleme de scope en jQuery. je conprend pas, ✓ - Forum Javascript
[JQuery] requête Ajax après une seconde ✓ - Forum Javascript

2 réponses

Réponse 1 / 2

Utilisateur anonyme
25 mai 2014 à 15:26

Salut, je suis pas très bon en jquery, j'ai essayé ceci et sa fonctionne. C'est peut être pas la meilleure façon de faire.

<script type="text/javascript">
			$(function() {
				var verif;
				$(".idinput").keyup(function() {
					$(".idinput").each(function() {
						verif = ($(this).val().length) > 6 ? true : false;
						if (verif == false)
							return false;
					});
					verif == true ? $("#next").attr("disabled", false) : $("#next").attr("disabled", true);
				});
			});
		</script>

bonne journée

R4DHW3N
30 nov. 2016 à 10:22

$("#prenom").keyup(function() {
var $t = $(this);
var $e = $("#btnsub");
if (!$t.val()) {
$e.attr("disabled", true);
} else {
$("#nom").keyup(function() {
var $tn = $(this);
var $e = $("#btnsub");
if (!$tn.val()) {
$e.attr("disabled", true);
} else {
$("#email").keyup(function() {
var $te = $(this);
var $e = $("#btnsub");
if (!$te.val()) {
$e.attr("disabled", true);
} else {
$("#numero").keyup(function() {
var $tnum = $(this);
var $e = $("#btnsub");
if (!$tnum.val()) {
$e.attr("disabled", true);
} else {
$e.removeAttr('disabled');
}
}).keyup();
}
}).keyup();
}
}).keyup();
}
}).keyup();

Réponse 2 / 2

Geishin Messages postés 9 Date d'inscription mardi 20 mai 2014 Statut Membre Dernière intervention 30 juin 2014
1 juin 2014 à 21:23

Je te remercie. :)

Utilisateur anonyme
Modifié par lobotoFix le 1/06/2014 à 21:28

de rien, si tu es ok tu peux mettre en résolu

Discussions similaires

Redirection Jquery onclick

jquery: refresh element enfant après ajax

jQuery & Regex

Tampermonkey (userscript), JQuery & Vinted, help !

jQuery non interprété