Breaking News: Grepper is joining You.com. Read the official announcement!

check passwords match javascript

Jeremy L answered on April 18, 2022 Popularity 10/10 Helpfulness 2/10

answer check passwords match javascript

related js password check

check passwords match javascript

Comment

function checkPasswordsMatch(input1, input2) {
  if (input1.value !== input2.value) {
    console.log('Passwords do not match')
    // showError(input2, 'Passwords do not match')
    //its better practice to create a css class that will show a red border
    //or a css class that will show some text under the input than to call 
    //the class, see below for example and see source for complete project 
  }
}
//all other code is below
//! Show Success Outline
function showSuccess(input) {
  const formControl = input.parentElement;
  formControl.className = 'form-control success';
}

//! Show input Error Message
function showError(input, message) {
  const formControl = input.parentElement;
  formControl.className = 'form-control error';
  const small = formControl.querySelector('small');
  small.innerText = message;
}

//css
.form-control.error small{
  visibility: visible;
}


.form-control small {
  color:var(--error-color);
  position: absolute;
  bottom: 0;
  left: 0;
  visibility: hidden;
}


.form-control.success input{
  border-color: red;
}

//html
<div class="form-control">
          <label for="password">Password</label>
          <input type="password" id="password" placeholder="Enter password" />
          <small>Error message</small>
        </div>
        <div class="form-control">
          <label for="password2">Confirm Password</label>
          <input
            type="password"
            id="password2"
            placeholder="Enter password again"
          />
          <small>Error message</small>
        </div>

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: github.com

Tags: compare javascript match passwords validation

Link to this answer
Share Copy Link

Contributed on Oct 03 2022

Jeremy L

0 Answers Avg Quality 2/10

Closely Related Answers

js password check

Comment

var code = document.getElementById("password");

var strengthbar = document.getElementById("meter");
var display = document.getElementsByClassName("textbox")[0];

code.addEventListener("keyup", function() {
  checkpassword(code.value);
});


function checkpassword(password) {
  var strength = 0;
  if (password.match(/[a-z]+/)) {
    strength += 1;
  }
  if (password.match(/[A-Z]+/)) {
    strength += 1;
  }
  if (password.match(/[0-9]+/)) {
    strength += 1;
  }
  if (password.match(/[$@#&!]+/)) {
    strength += 1;

  }

  if (password.length < 6) {
    display.innerHTML = "minimum number of characters is 6";
  }

  if (password.length > 12) {
    display.innerHTML = "maximum number of characters is 12";
  }

  switch (strength) {
    case 0:
      strengthbar.value = 0;
      break;

    case 1:
      strengthbar.value = 25;
      break;

    case 2:
      strengthbar.value = 50;
      break;

    case 3:
      strengthbar.value = 75;
      break;

    case 4:
      strengthbar.value = 100;
      break;
  }
}

Popularity 9/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Apr 18 2022

reza soltani

0 Answers Avg Quality 2/10

check passwords match javascript

Contents

More Related Answers

check passwords match javascript

Closely Related Answers

js password check

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.