MVC+JQuery validate实现用户输入验证

MVC+JQuery validate实现用户输入验证

MVC服务器端:

1.在controller中验证用户输入,如果验证失败,执行
ModelState.AddModelError("LoginName", Resource.LoginName + Resource.WordSpace + Resource.CanNotBeBlank);

2.在View视图某一个地方放置
<%=Html.ValidationSummary()%>

JS客户端:

1.引放相应的JS文件
<script src="/Js/jquery-1.4.2.js" type="text/javascript"></script>
<script src="/Js/jquery.validate.js" type="text/javascript"></script>


2.在View视图某一个地方放置
<label id="messageBox"></label>


3.在页面最下面加入以下JS代码
     $(function() {
         $("#form1").validate({
             rules: {
                 LoginName: { required: true, regex: "^[0-9]+$" },
                 Password: { required: true }
             },
             messages: {
                 LoginName: "<%=Resource.LoginName + Resource.WordSpace + Resource.CanNotBeBlank%>"
             },
             errorLabelContainer: "#messageBox",
             wrapper: "li"
         });
     });


以上代码已实现双语化提示

其它常用的验证方式有:
required, remote, minlength, maxlength, rangelength, min, max, range, email, url, date, dateISO, number, digits, creditcard, accept, equalTo等

可参见:
http://docs.jquery.com/Plugins/Validation/validate

你可能感兴趣的:(jQuery Validate)