La validation de Mot de passe et Retapez le Mot de passe

Je vais avoir deux zones de texte comme ceci : 

<p>
<input type="text" name="NPassword" placeholder="New Password"/></p>
<input type="text" name="RNPassword" placeholder="Retype New Password"/>

Maintenant,ce que je veux, c'est que sur chaque pression de touche de Retaper le Nouveau Mot de passe, Il doit vérifier si les deux sont identiques ou non.Si oui, alors en vert, couleur de l'afficher sur le côté droit de RNPassword,Sinon en couleur rouge afficher que les deux ne sont pas les mêmes et aussi de désactiver le bouton envoyer de la page.Comment cela peut être fait s'il vous plaît aider.

  • façon rapide et sale. w3schools.com/jsref/event_onchange.asp Oh, et vous avez besoin pour obtenir de la valeur. Recherche pour les DOM et javascript.
  • Le lien est différent de ce dont j'ai besoin.
  • Si vous le pouvez, essayez de s'abstenir de référencement w3schools.
  • Je pense que vous avez donné un mauvais lien.Si c'était une blague,c'était une mauvaise
  • C'est très certainement pas une blague. Lire la page. W3Schools a certains affreux pratiques et de nouvelles personnes à la codification sont l'apprentissage de mauvaises choses de la visite de ce site. Je ne suis pas le premier à le lien, je l'ai vu et lu beaucoup de discussions concernant ce sujet. Laissez-moi être plus clair pour ne pas commencer quoi que ce soit... Il a de bonnes choses et de mauvaises choses, il est préférable de rester à l'écart de mauvaises choses si
  • Le lien est d'une façon qui fonctionne pour moi. encore ... event_onchange.

InformationsquelleAutor user3522121 | 2014-04-24
  1. 6

    Essayer cette démo: ==> http://jsfiddle.net/uP8Q2/

    Une autre démo = http://jsfiddle.net/ALk9Z/

    désactiver le bouton démo http://jsfiddle.net/K2Xdc/

    2 choses pour commencer:

    Également la prochaine fois ajouter votre code JS avec le post :) reste doit s'adapter à la nécessité.

    code

    HTML

    <p>
    <input type="password" name="NPassword" placeholder="New Password" id="txtNewPassword" />
</p>
<input type="password" name="RNPassword" placeholder="Retype New Password" id="txtConfirmPassword" onChange="isPasswordMatch();" />
<div id="divCheckPassword"></div>

    JS

        function isPasswordMatch() {
    var password = $("#txtNewPassword").val();
    var confirmPassword = $("#txtConfirmPassword").val();

    if (password != confirmPassword) $("#divCheckPassword").html("Passwords do not match!");
    else $("#divCheckPassword").html("Passwords match.");
}

$(document).ready(function () {
    $("#txtConfirmPassword").keyup(isPasswordMatch);
});

    Bouton désactiver le code de démonstration

     $('#hulk').prop('disabled' , true);
$('#txtConfirmPassword').on('keyup', function () {
    var password = $("#txtNewPassword").val();
    var confirmPassword = $("#txtConfirmPassword").val();

    if (password != confirmPassword) {
        $("#divCheckPassword").html("Passwords do not match!");
    } else {
        $("#divCheckPassword").html("Passwords match.");
        $('#hulk').prop('disabled' , false);
    }
});
    • exactement ce dont j'avais besoin.Mais j'ai besoin de désactiver le bouton, tant que les deux ne correspondent pas
    • et où est le code pour désactiver le bouton d'envoi du formulaire tant que les deux ne sont pas égaux
    • Démo jsfiddle.net/K2Xdc :) reste doit s'adapter à la nécessité
    • où suis-je à l'appel de cette javascript?
    • vous n'avez pas besoin de les appeler comme ils sont appelés dans le document.prêt()
    InformationsquelleAutor Tats_innit
  2. 1

    Si vous voulez vérifier que l'avant de la soumettre, vous pouvez le faire en suivant de façon

    Avec plaine de Jquery: 

    <p>
<input type="text" name="NPassword" id="first" placeholder="New Password"/></p>
<input type="text" name="RNPassword" id="second" placeholder="Retype New Password"/>
<span id="error" class="hidden">Not Matched"</span>

    Et puis:

    MODIFIER ONCHANGE

       $('#second').keyup(function(e){
           if($('#first').val() !== $('#second').val()){
                $('#error').removeClass('hidden');
                return false; 
           }else{
             $('#error').addClass('hidden');
           }
    });

    http://liveweave.com/yVXnIF

    Si vous utilisez KnockoutJs ou AngularJs ceux qui ont la capacité de se lier de vérification dans le modèle lui-même.

    • Est-ce qu'il va vérifier à chaque pression sur une touche de la deuxième zone de texte que c'est la même ou pas ?Je ne pense pas ainsi.Je pense qu'il va vérifier sur de cliquer sur soumettre.Suis-je le droit?
    • pas juste quand appuyer sur le bouton soumettre
    • Ce n'est donc pas nécessaire.J'ai besoin de vérifier chaque fois qu'une touche est pressée pour la deuxième
    • Veuillez vérifier les liveweave lien pour exemple pratique
    • Changé LiveWeave
    InformationsquelleAutor sir4ju1