[MVC]ASP.NET MVC之JQuery 应用:表单验证

baacloud免费翻墙vpn注册使用

在这个例子中调用到了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: [
650],//调用上面定义的方法
                messages: {
                    required: 
"密码不能空。",
                    rangelength: 
"密码必须为6-50位字符之间。"
                }
            });
 

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏