-1
votes

Validation du mot de passe et confirmer le mot de passe sans jQuery

Je souhaite valider et confirmer les mots de passe sur le formulaire suivant. J'utilise un bouton comme soumettre. J'ai essayé plusieurs fois maintenant et a échoué. Figuré je demanderais de l'aide.

`<form>
<h1>Sign Up</h1>
<input type="text" placeholder="First Name" required>
<input type="text" placeholder="Last Name" required>
<input type="email" placeholder="Email" id="email" name="email" pattern="[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*" title="username@domain.com" required>
<input type="password" name="pwd1" placeholder="Password" required>
<input type="password" name="pwd2" placeholder="Confirm Password" required>
<p>Passwords must contain at least eight characters, including uppercase, lowercase letters, numbers, and special characters.</p>
<button type="submit" ><i class="fa fa-user-plus"></i> Sign Up</button>
</form>`

javascript html validation passwords

2 commentaires

Qu'avez-vous essayé? Où est votre code de validation?

L'attribut HTML5 Placeholder n'est pas un substitut de l'élément d'étiquette

3 Réponses :

0
votes

Vous pouvez utiliser https://jqueryvalidation.org/documentation/ Il est facile de mettre en œuvre et de vous aider Pour mettre en œuvre d'autres validations également:

<form class="cmxform" id="commentForm" method="get" onSubmit="return $('#commentForm').validate();" action="">
  <fieldset>
  <p>
    <label for="password">Password (required)</label>
      <input id="password" name="password"  type="text" required>
  </p>
    <p>
      <input class="submit" type="submit" value="Submit">
    </p>
  </fieldset>
</form>

// Wait for the DOM to be ready
$(function() {
  // Initialize form validation on the registration form.
  // It has the name attribute "registration"
  $("#commentForm").validate({
    // Specify validation rules
    rules: {
      password: {
        required: true,
        minlength: 5,
                pwcheck: true
      }
    },
    // Specify validation error messages
    messages: {
      password: "Passwords must contain at least eight characters, including uppercase, lowercase letters, numbers, and special characters."
    },
    submitHandler: function(form) {
      form.submit();
    }
  });
   $.validator.addMethod("pwcheck", function(value) {
            return /^[A-Za-z0-9\d=!\-@._*]*$/.test(value) // consists of only these
           && /[a-z]/.test(value) // has a lowercase letter
           && /\d/.test(value) // has a digit
            });
});

0 commentaires

-1
votes

Vous pouvez utiliser JavaScript; xxx pré>

à la fin pour vérifier si toutes les conditions sont remplies, vous pouvez utiliser de nombreuses façons, comme: p>

<form onSubmit="return check()">

6 commentaires

Bonjour Luqman, merci, très gentil, travaillant là-dessus maintenant. Je pense que cela fonctionnera. Est-ce que j'enveloppe cela dans une fonction et utilisez-vous sur le formulaire pour l'appeler?

Cela me prend directement à la page d'action.

Forme hmtl ressemble à ceci:

La fonction Java ressemble à ceci: Vérification de la fonction () {si (passe == "ok") {retour vrai;} else {return faux; Alerte ("Les mots de passe doivent contenir au moins huit caractères, y compris des lettres majuscules, minuscules et chiffres.")}}

Il devrait être oinSubmit = "Vérification de retour ()" N'oubliez pas le mot de retour avant la fonction de chèque et fermez également votre formulaire..Looks comme il n'a pas de balise de fermeture

Merci gentil monsieur, je l'ai eu pour travailler en utilisant ceci!

1
votes

Cela a fonctionné, merci Luqman!

html: xxx

javascript: xxx

0 commentaires