从文本框中删除文本

Question

我正在处理一个由多个字段组成的注册页面，我只想知道如何 remove/hide 来自 密码确认 文本框的文本。当密码和重新输入的密码不匹配时。

这是我的代码

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

Answer 1

使用

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

而不是

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

Answer 2

如果你愿意，你可以使用.html('')，但你必须自己清除框#txtConfirmPassword

^{见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>

从文本框中删除文本

Removing Text From A TextBox

javascript

jquery

jquery-ui