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位字元之間。"
                }
            });