[英]Form Validation using jQuery Validation
我在mvc4网站上有反馈表,我想对我的表单进行验证。
我尝试使用jQuery验证
我添加了jQuery库和<script src="/Scripts/jquery.validate.min.js"></script>
然后我写了(供一个领域尝试)
<script>
$(function () {
$("#feedback-form").validate();
$("#feedback-form").validate({
rules: {
Name: {
required: true,
minlength: 2
},
},
messages: {
Name: {
required: "Please enter a username",
minlength: "Your username must consist of at least 2 characters"
},
},
});
});
</script>
并以我的形式
@using (Html.BeginForm("Feedback", "Home", FormMethod.Post, new { id = "feedback-form" }))
{
<!-- Name -->
@Html.TextBoxFor(model => model.Name, null, new { @class = "text-field" })
<a href="#" class="link1" id="submit-button" onclick="document.getElementById('feedback-form').submit()"><em><b>Send</b></em></a>
}
它在浏览器控制台中没有显示任何错误,但是验证不起作用。 例如,当我按下带有空白字段的发送按钮时,我什么也没有收到,也没有消息。
怎么了?
删除$("#feedback-form").validate();
它应该可以正常工作。
我建议你的是不要试图验证文档时准备好,而不是你可以尝试在表格的提交,也没有必要把验证两种方法,并删除多余的,
逗号你在你的验证有:
$(function () {
$("#feedback-form").on('submit', function(){
$(this).validate({
rules: {
Name: {
required: true,
minlength: 2
} // <-------------------------removed comma here
},
messages: {
Name: {
required: "Please enter a username",
minlength: "Your username must consist of at least 2 characters"
} // <-------------------------removed comma here
} // <-------------------------removed comma here
});
});
});
submitHandler: function(form) {
form.submit();
}
和删除
$("#feedback-form").validate();
然后删除
Name: {
} , <--- here you add "," for 1 more rule or message
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.