验证用户使用jquery添加的新输入

在我的项目中，我对文本框进行了验证，这些文本框在单击时高亮显示边框，然后在单击另一个区域而未输入任何值时高亮显示红色，并弹出一个警报

我还有一个按钮，允许用户自己使用jquery添加新的输入框。我想知道，当使用按钮将这些新输入添加到页面时，是否有可能使它们与突出显示边框和弹出警报具有相同的验证

编辑

抱歉，上面是我用于已验证文本框的jquery代码。focus类只是将边框变为绿色，而unfocused会随着警报变为红色

    <div class="addtextbox"><input type="submit" class="AddOption" value="Click To Add New Option"></div>



$(function() {
     $(".addtextbox").click(function() {
         $(".addtextbox").before("<input class='options'><br>");
     });
 });

---

下面是我用来添加文本框的代码，您可以使用新的jQuery插件，这些插件依赖于HTML5特性，例如required，并委托验证事件，使其即使在AJAX调用的情况下也能工作。在AJAX响应中，尝试生成如下输入：

<input type="text" required="required" pattern="{d}" />

$document.readyfunction{ $document.onfocus、.options、函数{ $this.addClassfocused； $this.removeclass未聚焦； }; $document.onblur、.options、function{ $this.removeClassfocused； $this.addClassunfocused； 如果！$this.val{ 请确保你已经回答了这个问题。； } };

---

}是的，几乎可以肯定。请告诉我们您尝试了什么。请提供示例代码开始。您好，这已经解决了问题。但是，即使在必填字段中有输入，它也会保持红色，而不会返回到没有颜色的状态。您好，感谢您的帮助，我已经成功地重新排列了代码，使其正常工作：如果它真的解决了您的问题，您可以接受答案

<input type="text" required="required" pattern="{d}" />