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

在这个例子中调用到了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位字符之间。 "
                }
            });
 

转载于:https://www.cnblogs.com/nick4/archive/2009/08/18/1548868.html