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

时间：2010-10-08 来源：ahui

MVC服务器端:

1.在controller中验证用户输入，如果验证失败，执行

ModelState.AddModelError("LoginName", Resource.LoginName + Resource.WordSpace + Resource.CanNotBeBlank);

2.在View视图某一个地方放置

<%=Html.ValidationSummary()%>

JS客户端:

1.引放相应的JS文件

2.在View视图某一个地方放置

3.在页面最下面加入以下JS代码

    $(function() {
        $("#form1").validate({
            rules: {
                LoginName: { required: true, regex: "^[0-9]+$" }
            },
            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