Removing Text From A TextBox

Question

I working on a sign up page which consists of several fields, all i wanna know how can i remove/hide the text from Password Confirmation textbox. when password and retype password does not match.

Here is my Code

$('#txtConfirmPassword').blur(function() {
  if ($('#txtConfirmPassword').val() != $('#txtPassword').val()) {
    $('#spPasswordConfirmation').html('Password and Retype Password does not match.');
  } else {
    $('#spPasswordConfirmation').html('')
  }
});

LulzAsh · Accepted Answer · 2019-12-04 06:24:03Z

5

Use

$('#spPasswordConfirmation').val('');

instead of

$('#spPasswordConfirmation').html('');

answered Dec 4, 2019 at 6:24

LulzAsh

6821 gold badge9 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mohammad Khubaib Nasir Over a year ago

Thank You LulzAsh what i wanted to remove the text from the password confirmation text box, not the error message but i use the same technique(.val(' ')) for the confirmation text and it works thank you.

The fourth bird · Accepted Answer · 2019-12-04 06:49:22Z

1

You can use .html('') if you want, but you have to clear the box itself #txtConfirmPassword

^{See jQuery .html(htmlString)}

$('#txtConfirmPassword').blur(function() {

  let txtConfirmPassword = $('#txtConfirmPassword');
  let spPasswordConfirmation = $('#spPasswordConfirmation');

  if (txtConfirmPassword.val() !== $('#txtPassword').val()) {
    txtConfirmPassword.val('');
    spPasswordConfirmation.html('Password and Retype Password does not match.');
  } else {
    spPasswordConfirmation.html('');
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form>
  <input type="text" value="" id="txtPassword">
  <br>
  <input type="text" value="" id="txtConfirmPassword">
  <br>
  <span id="spPasswordConfirmation"></span>
</form>

edited Dec 4, 2019 at 6:49

answered Dec 4, 2019 at 6:41

The fourth bird

165k16 gold badges61 silver badges75 bronze badges

Collectives™ on Stack Overflow

Removing Text From A TextBox

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related