mvc 验证(判空+字符长度+字符内容限制) ---jquery-validation

分享

首先给大家分享一个详细的关于jquery-validation的博客,一种mvc验证方式。
点我看博客

正文

我的关于验证的例子:

1.下载最新版的 jQuery Validate 插件
最新版的 jQuery Validate 插件

2.然后将下载好的文件夹整个添加到项目里的U层。

mvc 验证(判空+字符长度+字符内容限制) ---jquery-validation

3.添加到项目之后,在需要的view中,添加校验规则。如下:(就像这样)

校验规则:

<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/jquery.validate.min.js"></script>
<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/dist/localization/messages_zh.js"></script>
<script>
    $.validator.setDefaults({
        submitHandler: function () {
            alert("提交事件!");
        }
    });
    $().ready(function () {xiang
        $("#commentForm").validate();
</script>

mvc 验证(判空+字符长度+字符内容限制) ---jquery-validation

4.在需要的文本框中添加一下代码:
(只需要添加这几个字就可以实现判空+字数限制)
mvc 验证(判空+字符长度+字符内容限制) ---jquery-validation

5.字符内容限制:type中可以选择:是数字还是邮箱还是文本还是密码
mvc 验证(判空+字符长度+字符内容限制) ---jquery-validation

弄出来是这样的~
mvc 验证(判空+字符长度+字符内容限制) ---jquery-validation