validate表單驗證及自定義方法

//表單驗證
function validateRule() {
var icon = "<i class="fa fa-times-circle"></i> ";
jQuery.validator.addMethod("isdownUrlsflag", function(value, element) {
if(snapshotsUrls==null) {
return false;
}
return true;
}, "請先上傳應用安裝包");
jQuery.validator.addMethod("isiconUrls", function(value, element) {
if(snapshotsUrls==null) {
return false;
}
return true;
}, "請先上傳應用圖標");
jQuery.validator.addMethod("isSnapshotsUrls", function(value, element) {
if(snapshotsUrls==null) {
return false;
}
return true;
}, "請先上傳應用快照");
$("#signupForm").validate({
rules : {
name : {//應用中文名
required : true,
minlength : 2,
remote : {
url : "/sys/user/exit", // 後台處理程序
type : "post", // 數據發送方式
dataType : "json", // 接受數據格式
data : { // 要傳遞的數據
username : function() {
return $("#name").val();
}
}
}
},
pkgName : {//應用英文名
required : true,
minlength : 2,
remote : {
url : "/sys/user/exit", // 後台處理程序
type : "post", // 數據發送方式
dataType : "json", // 接受數據格式
data : { // 要傳遞的數據
pkgName : function() {
return $("#pkgName").val();
}
}
}
},
categoryName : {//應用類別
required : true,
},
verName : {//應用版本號
required : true,
},
// snapshots : isSnapshotsUrls,//應用快照
snapshots1 : {
isSnapshotsUrls : true,
},//應用快照
downUrls1 : {
isdownUrlsflag : true,
},//應用軟體
file : {
isiconUrls : true,
},//應用圖標
},
messages : {
name : {
required : icon + "請輸入應用中文名",
minlength : icon + "用戶名必須兩個字元以上",
remote : icon + "應用名名已經存在"
},
pkgName : {
required : icon + "請輸入應用英文名",
minlength : icon + "用戶名必須兩個字元以上",
remote : icon + "應用英文名已經存在"
},
password : {
required : icon + "請輸入您的密碼",
minlength : icon + "密碼必須6個字元以上"
},
categoryName : {
required : icon + "請輸入應用類別"
},
verName : icon + "應用版本號不能為空",
snapshots1 : {
isSnapshotsUrls : icon + "請上傳應用快照",
},//應用快照
downUrls1 : {
isdownUrlsflag : icon + "請上傳應用安裝包",
},//應用軟體
file : {
isiconUrls : icon + "請上傳應用圖標",
},//應用圖標
}
})
}

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！