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

您可以通过返回false来阻止提交。例如。

if($('#name').val().trim() == "") 
{ 
    Alert('Please write name'); 
    return false; 
} 

Answer 2

在输入文本框，你将要检测更改文本：

$("#name").onChange(function(event){ //Re-evaluate to see if error should be displayed});