在尝试避免JavaScript多年后,Iv开始在MVC asp.net中使用validation的查询,因为似乎没有官方的方式进行验证,Iv惊讶于jQuery有多好。
首先,有没有一种方法可以让智能感知在jQuery和它的验证插件上工作,这样我就不需要学习api了?
其次,如何为此创建验证摘要,它当前将错误附加到文本框的右侧:
<script type="text/javascript">
$().ready(function() {
$("#CreateLog").validate({
rules: {
UserName: {
required: true,
minLength: 2,
}
},
messages: {
UserName: {
required: "Please enter a username",
minLength: "Your username must consist of at least 2 characters",
}
}
});
});
</script>
<form id="CreateLog" action="Create" method="post" />
<label>UserName</label><br />
<%=Html.TextBox("UserName")%>
<br />
<div class="error"> </div>
<input type=submit value=Save />
</form>我尝试将以下代码添加到脚本中:
errorLabelContainer: $("#CreateLog div.error")这就是html:
<div class="error"> </div>但这并不管用。
发布于 2008-09-15 20:18:56
尝试在选项中同时指定包装器和标签容器。我还将display:none;添加到错误容器的样式中,让jQuery决定何时显示它。
$().ready(function() {
$("#CreateLog").validate({
errorLabelContainer: $("ul", $('div.error-container')),
wrapper: 'li',
rules: {
UserName: {
required: true,
minLength: 2,
}
},
messages: {
UserName: {
required: "Please enter a username",
minLength: "Your username must consist of at least 2 characters"
}
}
});
});<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="error-container">
<ul></ul>
</div>
<form id="CreateLog" action="Create" method="post" />
<label>UserName</label><br />
<%=Html.TextBox("UserName")%>
<br />
<input type=submit value=Save />
</form>
这应该行得通。
发布于 2009-05-02 18:46:43
您可能想看看Karl Seguin在CodeBetter.com和他的示例application canvas上的ASP.NET MVC验证方法。
Validation - Part 1 - Getting Started
Validation - Part 2 - Client-Side
Validation - Part 3 - Server-Side
发布于 2008-09-14 16:54:14
在VS2008中有一个针对JQuery IntelliSense的Visual Studio2008热修复。这可能也与SP1捆绑在一起。
https://stackoverflow.com/questions/61456
复制相似问题