jQuery Validation问题与表单内的表单

Question

这是一个奇怪的.我有这样的设置..

<form id="main">
    <input name="title" class="required">
    <form id="searchIngredient">
          <input name="search">
          <input type="submit" name="submit" value="Search">
    <form>
    <input type="submit" name="submit" value="Add New Recipe">
</form>

现在我尝试使用class ="required"来验证#main表单中的输入,但是在表单中使用第二个#serachIngredient表单,验证根本不起作用.

您想知道:#searchIngredient表单使用ajax返回结果,并且由于设计,它需要在#main表单内.

我知道jQuery验证在没有#searchIngredient表单的情况下工作,但是一旦我将其添加回来,它就会停止工作,没有错误.

任何建议的解决方法或提示？

Answer 1

那是不可能的.HTML不支持嵌套表单.

内部表单的开始标记将被忽略,内部表单的结束标记将改为结束外部表单,将提交按钮留在表单之外.

您可以在页面中包含任意数量的表单,但不能彼此嵌套.