Question

我希望当我专注于文本框时，如果它是空的，则应显示“名称是必需的”，如果我们输入一个字母，则该消息（“名称是必需的”）应该消失。

$("#name").focus(function() {
  var name = $("#name").val();
  if (name != "") {
    $("#name-error").text("");
  } else {
    $("#name-error").text("Name is required.");
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
Here is a text box in form for name in a form
<label>My Name:</label>
<input type="text" id="name" />
<span id="name-error">*</span>

Answer 1

使用.keyup事件处理程序

＆＃13;

$("#name").on('keyup focus',function() {
  var name = $("#name").val();
  if (name != "") {
    $("#name-error").text("");
  } else {
    $("#name-error").text("Name is required.");
  }
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label>My Name:</label>
<input type="text" id="name" />
<span id="name-error">*</span>

＆＃13;

如何在运行时使文本框有效

1 个答案: