Javascript 是否必须在表单元素上使用JQuery验证插件validate()?
我有一个母版页,在该母版页中我有:Javascript 是否必须在表单元素上使用JQuery验证插件validate()?,javascript,jquery,html,validation,Javascript,Jquery,Html,Validation,我有一个母版页,在该母版页中我有: <form id="form1" runat="server"> <asp:ContentPlaceHolder ID="MainContent" runat="server"> </asp:ContentPlaceHolder> </form> 子表单html是: <div id="commentForm"> <fieldset> &l
<form id="form1" runat="server">
<asp:ContentPlaceHolder ID="MainContent" runat="server">
</asp:ContentPlaceHolder>
</form>
子表单html是:
<div id="commentForm">
<fieldset>
<legend>Please provide your name, email address (won't be published) and a comment</legend>
<div class="form-group">
<label for="cname">Name (required, at least 2 characters)</label>
<input id="cname" class="form-control" name="name" minlength="2" type="text">
</div>
<div class="form-group">
<label for="cemail">E-Mail (required)</label>
<input id="cemail" class="form-control" type="email" name="email">
</div>
<div class="form-group">
<label for="curl">URL (optional)</label>
<input id="curl" class="form-control" type="url" name="url">
</div>
<div class="form-group">
<label for="ccomment">Your comment (required)</label>
<textarea id="ccomment" class="form-control" name="comment" rows="3"></textarea>
</div>
<div class="form-group">
<input class="submit" type="submit" value="Submit">
</div>
</fieldset>
</div>
请提供您的姓名、电子邮件地址(不会公布)和评论
名称(必填,至少2个字符)
电子邮件(必填)
URL(可选)
您的评论(必填)
$(“#commentForm”)。验证将不起作用。但是,如果我将其切换到$(“#form1”)。请验证它
由于我不能嵌套表单,除了父表单元素之外,是否可以在任何其他元素上实现validate方法?来自文档:
.validate()
描述:验证所选表单
因此,是的,它假设所选元素是一个表单
,我认为jQuery只在“表单”级别进行验证。您可以将一个表单包含在另一个表单中。@Dean.DePue您可以将一个表单包含在另一个表单中
否您不能嵌套forms@A.Wolff-我已经用MVC...@Dean.DePue做过很多次了,这只是无效的HTML标记,而且无论如何,浏览器会打开AFAIK嵌套表单的内容parser@A.Wolff-我总是带着片面的观点做这件事在其他视图中,每个视图都具有不同的表单名称。验证工作正常。所以如果我有一个弹出模式(引导),我必须将每个模式绑定到父表单元素?
<div id="commentForm">
<fieldset>
<legend>Please provide your name, email address (won't be published) and a comment</legend>
<div class="form-group">
<label for="cname">Name (required, at least 2 characters)</label>
<input id="cname" class="form-control" name="name" minlength="2" type="text">
</div>
<div class="form-group">
<label for="cemail">E-Mail (required)</label>
<input id="cemail" class="form-control" type="email" name="email">
</div>
<div class="form-group">
<label for="curl">URL (optional)</label>
<input id="curl" class="form-control" type="url" name="url">
</div>
<div class="form-group">
<label for="ccomment">Your comment (required)</label>
<textarea id="ccomment" class="form-control" name="comment" rows="3"></textarea>
</div>
<div class="form-group">
<input class="submit" type="submit" value="Submit">
</div>
</fieldset>
</div>