jquery验证空字段

Question

我有一个与jquery有关的问题。基本上我想做一件非常简单的事情。我有一个文本输入字段。提交时，如果字段为空，我想显示错误消息。 我这样做了：

 errMsg = "Please write name";              
    $("div#errMsg").css("background-color", "red");
     $("div#errMsg").html(errMsg);

并在HTML中：

<div id="errMsg"></div>
    <strong>Name:  </strong>
    <input name="name" id="name" type="text" maxlength="255" size="50" />

它工作正常，但有问题。当我将该字段留空并显示错误消息时，如果不刷新页面，错误消息就不会消失。 我试图这样做，以便当有错误消息，并在字段中键入内容时，它会自动删除错误而不刷新页面。 任何帮助将非常感激。谢谢。

Answer 1

注册keypress event的监听器。然后，每次用户在其中键入内容时，您都可以重新验证该字段。另一种方法是使用change event，它仅在用户更改字段时触发，然后将焦点切换为其他内容。

Answer 2

$('#name').keyup(function() {

   if ($(this).val()) {
       $("div#errMsg").fadeOut(100);
   }

});

请务必在下次显示时致电show() $("div#errMsg")。