如果文本框包含文本,如何删除跨度的文本?

时间:2018-10-02 08:37:12

标签: jquery html

如果文本框包含文本,如何删除跨度的文本? 我尝试了以下具有两个条件的Jquery代码,即1如果文本框为空,则显示span文本elese删除文本。但是在我的代码中,仅显示文本操作即可正常运行,但其他部分则无法正常运行。

$(document).ready(function () {

            $('#txtUsername').focusout(function () {
                if ($(this).val().length == '') {
                    $('#tab').text('*All fields are mandatory.');
                    $(this).focus();
                }
                else
                {
                    alert();
                    ('#tab').empty();
                }
            });});

1 个答案:

答案 0 :(得分:1)

首先,您需要替换$(this).val().length == ''上的if (!$(this).val().length),因为.length总是返回数字。如果您想比较文字,可以使用此$(this).val() == ''

第二,您在$行中错过了('#tab').empty();

$(document).ready(function() {

  $('#txtUsername').focusout(function() {
    if ($(this).val() == '') {
      $('#tab').text('*All fields are mandatory.');
      $(this).focus();
    } else {
      $('#tab').empty();
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<textarea id="txtUsername">
</textarea>
<div id="tab"></div>