asp.net MVC&JQuery 应用（表单验证）

OStack程序员社区-中国程序员成长平台 › 门户 › 编程› ASP.NET›ASP.NET编程经验

原作者: [db:作者] 来自: [db:来源] 收藏邀请

在这个例子中调用到了Jquery Validation 插件,让数据验证更方便快捷，有两种显示方式。

将提示信息显示在每项的后面

$("#test-form").validate({ submitHandler: function() { alert("提交成功!") } });

将提示信息显示在顶部信息框内

$("#test-form").validate({
                errorLabelContainer: "#ErrMessageBox",
                wrapper: "li",
                submitHandler: function() { alert("提交成功!") } //验证通后调用方法
            });

使用自定验证方法

// 中文字两个字节
            jQuery.validator.addMethod("rangelength", function(value, element, param) {
                var length = value.length;
                for (var i = 0; i < value.length; i++) {
                    if (value.charCodeAt(i) > 127) {
                        length++;
                    }
                }
                return this.optional(element) || (length >= param[0] && length <= param[1]);
            }, "输入的值在3-15个字节之间。");

自定验证方法的调用

$("#password").rules("add", {
                required: true,
                rangelength: [6, 50],//调用上面定义的方法
                messages: {
                    required: "密码不能空。",
                    rangelength: "密码必须为6-50位字符之间。"
                }
            });