背景：我有一个Java Web应用程序和一个带有要求字段的简单表单，这些字段通过ajax发布，并且我具有标签样式，需要在输入焦点上添加和删除类，并模糊到最接近的父类<div>或{标签的{1}}（如果输入没有输入值），则一切正常。
表单发布后，添加的焦点类仍然存在，但是我可以通过在提交按钮上单击事件并延迟400ms来删除它。
问题是，在该按钮上单击以提交，如果必填字段为空，则会发生另一个事件，该事件会自动使必填字段聚焦，以让您知道您必须在此处输入文本，因此在该必选的自动聚焦处会添加该类如预期的那样，但在单击按钮400ms设置超时后将其删除。我只需要在成功的Ajax提交上删除焦点类，或者仅在输入没有焦点的情况下才删除焦点类。
这是我目前所拥有的简单例子。仅需一个输入和提交按钮即可说明。
HTML
<td>JS
<div id="locationField">
<label>Start Address</label>
<input type="text" required/>
</div>
<input id="post_btn" type="image" src="img/submit.png"/>