You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
137 lines
4.8 KiB
137 lines
4.8 KiB
/*********************************
|
|
* Themes, rules, and i18n support
|
|
* Locale: Chinese; 中文; TW (Taiwan)
|
|
*********************************/
|
|
(function(factory) {
|
|
typeof module === "object" && module.exports ? module.exports = factory( require( "jquery" ) ) :
|
|
typeof define === 'function' && define.amd ? define(['jquery'], factory) :
|
|
factory(jQuery);
|
|
}(function($) {
|
|
|
|
/* Global configuration
|
|
*/
|
|
$.validator.config({
|
|
//stopOnError: true,
|
|
//focusCleanup: true,
|
|
//theme: 'yellow_right',
|
|
//timely: 2,
|
|
|
|
// Custom rules
|
|
rules: {
|
|
digits: [/^\d+$/, "請填寫數字"]
|
|
,letters: [/^[a-z]+$/i, "請填寫字母"]
|
|
,date: [/^\d{4}-\d{2}-\d{2}$/, "請填寫有效的日期，格式:yyyy-mm-dd"]
|
|
,time: [/^([01]\d|2[0-3])(:[0-5]\d){1,2}$/, "請填寫有效的時間，00:00到23:59之間"]
|
|
,email: [/^[\w\+\-]+(\.[\w\+\-]+)*@[a-z\d\-]+(\.[a-z\d\-]+)*\.([a-z]{2,4})$/i, "請填寫有效的電郵"]
|
|
,url: [/^(https?|s?ftp):\/\/\S+$/i, "請填寫有效的網址"]
|
|
,accept: function (element, params){
|
|
if (!params) return true;
|
|
var ext = params[0],
|
|
value = $(element).val();
|
|
return (ext === '*') ||
|
|
(new RegExp(".(?:" + ext + ")$", "i")).test(value) ||
|
|
this.renderMsg("只接受{1}後綴的文件", ext.replace(/\|/g, ','));
|
|
}
|
|
|
|
},
|
|
|
|
// Default error messages
|
|
messages: {
|
|
0: "此處",
|
|
fallback: "{0}格式不正確",
|
|
loading: "正在驗證...",
|
|
error: "網絡異常",
|
|
timeout: "請求超時",
|
|
required: "{0}不能為空",
|
|
remote: "{0}已被使用",
|
|
integer: {
|
|
'*': "請填寫整數",
|
|
'+': "請填寫正整數",
|
|
'+0': "請填寫正整數或0",
|
|
'-': "請填寫負整數",
|
|
'-0': "請填寫負整數或0"
|
|
},
|
|
match: {
|
|
eq: "{0}與{1}不一致",
|
|
neq: "{0}與{1}不能相同",
|
|
lt: "{0}必須小於{1}",
|
|
gt: "{0}必須大於{1}",
|
|
lte: "{0}不能大於{1}",
|
|
gte: "{0}不能小於{1}"
|
|
},
|
|
range: {
|
|
rg: "請填寫{1}到{2}的數",
|
|
gte: "請填寫不小於{1}的數",
|
|
lte: "請填寫最大{1}的數",
|
|
gtlt: "請填寫{1}到{2}之間的數",
|
|
gt: "請填寫大於{1}的數",
|
|
lt: "請填寫小於{1}的數"
|
|
},
|
|
checked: {
|
|
eq: "請選擇{1}項",
|
|
rg: "請選擇{1}到{2}項",
|
|
gte: "請至少選擇{1}項",
|
|
lte: "請最多選擇{1}項"
|
|
},
|
|
length: {
|
|
eq: "請填寫{1}個字符",
|
|
rg: "請填寫{1}到{2}個字符",
|
|
gte: "請至少填寫{1}個字符",
|
|
lte: "請最多填寫{1}個字符",
|
|
eq_2: "",
|
|
rg_2: "",
|
|
gte_2: "",
|
|
lte_2: ""
|
|
}
|
|
}
|
|
});
|
|
|
|
/* Themes
|
|
*/
|
|
var TPL_ARROW = '<span class="n-arrow"><b>◆</b><i>◆</i></span>';
|
|
$.validator.setTheme({
|
|
'simple_right': {
|
|
formClass: 'n-simple',
|
|
msgClass: 'n-right'
|
|
},
|
|
'simple_bottom': {
|
|
formClass: 'n-simple',
|
|
msgClass: 'n-bottom'
|
|
},
|
|
'yellow_top': {
|
|
formClass: 'n-yellow',
|
|
msgClass: 'n-top',
|
|
msgArrow: TPL_ARROW
|
|
},
|
|
'yellow_right': {
|
|
formClass: 'n-yellow',
|
|
msgClass: 'n-right',
|
|
msgArrow: TPL_ARROW
|
|
},
|
|
'yellow_right_effect': {
|
|
formClass: 'n-yellow',
|
|
msgClass: 'n-right',
|
|
msgArrow: TPL_ARROW,
|
|
msgShow: function($msgbox, type){
|
|
var $el = $msgbox.children();
|
|
if ($el.is(':animated')) return;
|
|
if (type === 'error') {
|
|
$el.css({left: '20px', opacity: 0})
|
|
.delay(100).show().stop()
|
|
.animate({left: '-4px', opacity: 1}, 150)
|
|
.animate({left: '3px'}, 80)
|
|
.animate({left: 0}, 80);
|
|
} else {
|
|
$el.css({left: 0, opacity: 1}).fadeIn(200);
|
|
}
|
|
},
|
|
msgHide: function($msgbox, type){
|
|
var $el = $msgbox.children();
|
|
$el.stop().delay(100).show()
|
|
.animate({left: '20px', opacity: 0}, 300, function(){
|
|
$msgbox.hide();
|
|
});
|
|
}
|
|
}
|
|
});
|
|
}));
|
|
|