使用jquery插件validate对输入框内容设置自动校验：1.用户名和密码为空会提示 2.约束密码框的长度和只允许数字的输入

目的：对input输入框的内容进行效验(登录框，密码框)
原理：就是在输入框添加一个 触发事件，对输入框的内容进行判断
程序一：

@{
    ViewBag.Title = "LoginStudent";
}
<script src="~/Scripts/jquery-3.3.1.min.js"></script>
<script src="~/Scripts/jquery.validate.js"></script>
@section ABC{
    @Scripts.Render("~/bundles/jqueryval")//引用jquery文件
    <script type="text/javascript">
        $(function () {
            $("#registerFrm").validate({
                rules: {
                    StuLoginName: { required: true },//用户名非空
                    StuLoginPwd: {
                        required: true,//密码非空
                        rangelength: [3, 10],//限制密码长度
                        number: true//只允许输入数字
                    },//密码非空  
                },
                messages: {
                    StuLoginName: { required: "请输入用户名!" },
                    StuLoginPwd: {
                        required: "请输入密码！",
                        rangelength: "密码只能为3~10之间",
                        number:"只能输入数字!"
                    },
                }
            });
        });
    </script>
    /**/
}
程序二：然后用html辅助方法创建文本框和密码框
<div class="form-group">
            <label class="control-label col-md-2" for="StuLoginName">登录名</label>
            <div class="col-md-10">
                @Html.TextBox("StuLoginName")
            </div>
        </div>
        <div class="form-group">
            <label class="control-label col-md-2" for="StuLoginPwd">密码</label>
            <div class="col-md-10">
                @Html.Password("StuLoginPwd")
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-offset-2 col-md-10">
                <input type="submit" value=" 登录 " class="btn btn-default" />
            </div>
        </div>