mirror of
https://gitee.com/zoujingli/ThinkAdmin.git
synced 2025-04-06 03:58:04 +08:00
[更新]修改后台管理js
This commit is contained in:
Anyon
parent
30729d6ea2
commit
6454207b0a
288
static/admin.js
288
static/admin.js
@ -253,20 +253,156 @@ $(function () {
|
||||
$cur.data('input').value = tmp.join('|');
|
||||
$cur.remove(), $.msg.close(dialogIndex);
|
||||
});
|
||||
})
|
||||
});
|
||||
$(this).before($tpl);
|
||||
}
|
||||
}).trigger('change');
|
||||
};
|
||||
|
||||
// 注册对象到JqFn
|
||||
$.fn.validate = function (callback, options) {
|
||||
return (new validate()).check(this, callback, options);
|
||||
};
|
||||
|
||||
// 注册对象到Jq
|
||||
$.validate = function (form, callback, options) {
|
||||
return (new validate()).check(form, callback, options);
|
||||
return (new function () {
|
||||
var self = this;
|
||||
// 表单元素
|
||||
this.tags = 'input,textarea,select';
|
||||
// 检测元素事件
|
||||
this.checkEvent = {change: true, blur: true, keyup: false};
|
||||
// 去除字符串两头的空格
|
||||
this.trim = function (str) {
|
||||
return str.replace(/(^\s*)|(\s*$)/g, '');
|
||||
};
|
||||
// 标签元素是否可见
|
||||
this.isVisible = function (ele) {
|
||||
return $(ele).is(':visible');
|
||||
};
|
||||
// 检测属性是否有定义
|
||||
this.hasProp = function (ele, prop) {
|
||||
if (typeof prop !== "string") {
|
||||
return false;
|
||||
}
|
||||
var attrProp = ele.getAttribute(prop);
|
||||
return (typeof attrProp !== 'undefined' && attrProp !== null && attrProp !== false);
|
||||
};
|
||||
// 判断表单元素是否为空
|
||||
this.isEmpty = function (ele, value) {
|
||||
var trimValue = this.trim(ele.value);
|
||||
value = value || ele.getAttribute('placeholder');
|
||||
return (trimValue === "" || trimValue === value);
|
||||
};
|
||||
// 正则验证表单元素
|
||||
this.isRegex = function (ele, regex, params) {
|
||||
var inputValue = ele.value, dealValue = this.trim(inputValue);
|
||||
regex = regex || ele.getAttribute('pattern');
|
||||
if (dealValue === "" || !regex) {
|
||||
return true;
|
||||
}
|
||||
if (dealValue !== inputValue) {
|
||||
(ele.tagName.toLowerCase() !== "textarea") ? (ele.value = dealValue) : (ele.innerHTML = dealValue);
|
||||
}
|
||||
return new RegExp(regex, params || 'i').test(dealValue);
|
||||
};
|
||||
// 检侧所的表单元素
|
||||
this.isAllpass = function (elements, options) {
|
||||
if (!elements) {
|
||||
return true;
|
||||
}
|
||||
var allpass = true, self = this, params = options || {};
|
||||
if (elements.size && elements.size() === 1 && elements.get(0).tagName.toLowerCase() === "form") {
|
||||
elements = $(elements).find(self.tags);
|
||||
} else if (elements.tagName && elements.tagName.toLowerCase() === "form") {
|
||||
elements = $(elements).find(self.tags);
|
||||
}
|
||||
elements.each(function () {
|
||||
if (self.checkInput(this, params) === false) {
|
||||
return $(this).focus(), (allpass = false);
|
||||
}
|
||||
});
|
||||
return allpass;
|
||||
};
|
||||
// 验证标志
|
||||
this.remind = function (input) {
|
||||
return this.isVisible(input) ? this.showError(input, input.getAttribute('title') || '') : false;
|
||||
};
|
||||
// 检测表单单元
|
||||
this.checkInput = function (input) {
|
||||
var type = (input.getAttribute("type") + "").replace(/\W+$/, "").toLowerCase();
|
||||
var tag = input.tagName.toLowerCase(), isRequired = this.hasProp(input, "required");
|
||||
if (this.hasProp(input, 'data-auto-none') || input.disabled || type === 'submit' || type === 'reset' || type === 'file' || type === 'image' || !this.isVisible(input)) {
|
||||
return;
|
||||
}
|
||||
var allpass = true;
|
||||
if (type === "radio" && isRequired) {
|
||||
var radiopass = false, eleRadios = input.name ? $("input[type='radio'][name='" + input.name + "']") : $(input);
|
||||
eleRadios.each(function () {
|
||||
(radiopass === false && $(this).is("[checked]")) && (radiopass = true);
|
||||
});
|
||||
if (radiopass === false) {
|
||||
allpass = this.remind(eleRadios.get(0), type, tag);
|
||||
} else {
|
||||
this.hideError(input);
|
||||
}
|
||||
} else if (type === "checkbox" && isRequired && !$(input).is("[checked]")) {
|
||||
allpass = this.remind(input, type, tag);
|
||||
} else if (tag === "select" && isRequired && !input.value) {
|
||||
allpass = this.remind(input, type, tag);
|
||||
} else if ((isRequired && this.isEmpty(input)) || !(allpass = this.isRegex(input))) {
|
||||
allpass ? this.remind(input, type, "empty") : this.remind(input, type, tag);
|
||||
allpass = false;
|
||||
} else {
|
||||
this.hideError(input);
|
||||
}
|
||||
return allpass;
|
||||
};
|
||||
// 错误消息显示
|
||||
this.showError = function (ele, content) {
|
||||
$(ele).addClass('validate-error'), this.insertError(ele);
|
||||
$($(ele).data('input-info')).addClass('fadeInRight animated').css({width: 'auto'}).html(content);
|
||||
};
|
||||
// 错误消息消除
|
||||
this.hideError = function (ele) {
|
||||
$(ele).removeClass('validate-error'), this.insertError(ele);
|
||||
$($(ele).data('input-info')).removeClass('fadeInRight').css({width: '30px'}).html('');
|
||||
};
|
||||
// 错误消息标签插入
|
||||
this.insertError = function (ele) {
|
||||
var $html = $('<span style="-webkit-animation-duration:.2s;animation-duration:.2s;padding-right:20px;color:#a94442;position:absolute;right:0;font-size:12px;z-index:2;display:block;width:34px;text-align:center;pointer-events:none"></span>');
|
||||
$html.css({top: $(ele).position().top + 'px', paddingBottom: $(ele).css('paddingBottom'), lineHeight: $(ele).css('height')});
|
||||
$(ele).data('input-info') || $(ele).data('input-info', $html.insertAfter(ele));
|
||||
};
|
||||
// 表单验证入口
|
||||
this.check = function (form, callback, options) {
|
||||
var params = $.extend({}, options || {});
|
||||
$(form).attr("novalidate", "novalidate");
|
||||
$(form).find(self.tags).map(function () {
|
||||
for (var i in self.checkEvent) {
|
||||
if (self.checkEvent[i] === true) {
|
||||
$(this).off(i, func).on(i, func);
|
||||
}
|
||||
}
|
||||
|
||||
function func() {
|
||||
self.checkInput(this);
|
||||
}
|
||||
});
|
||||
$(form).bind("submit", function (event) {
|
||||
if (self.isAllpass($(this).find(self.tags), params) && typeof callback === 'function') {
|
||||
if (typeof CKEDITOR === 'object' && typeof CKEDITOR.instances === 'object') {
|
||||
for (var instance in CKEDITOR.instances) {
|
||||
CKEDITOR.instances[instance].updateElement();
|
||||
}
|
||||
}
|
||||
callback.call(this, $(form).serialize());
|
||||
}
|
||||
return event.preventDefault(), false;
|
||||
});
|
||||
return $(form).data('validate', this);
|
||||
};
|
||||
}).check(form, callback, options);
|
||||
};
|
||||
|
||||
// 注册对象到JqFn
|
||||
$.fn.validate = function (callback, options) {
|
||||
return $.validate(this, callback, options);
|
||||
};
|
||||
|
||||
// 自动监听规则内表单
|
||||
@ -290,144 +426,6 @@ $(function () {
|
||||
});
|
||||
};
|
||||
|
||||
// 表单验证
|
||||
function validate() {
|
||||
var self = this;
|
||||
// 表单元素
|
||||
this.tags = 'input,textarea,select';
|
||||
// 检测元素事件
|
||||
this.checkEvent = {change: true, blur: true, keyup: false};
|
||||
// 去除字符串两头的空格
|
||||
this.trim = function (str) {
|
||||
return str.replace(/(^\s*)|(\s*$)/g, '');
|
||||
};
|
||||
// 标签元素是否可见
|
||||
this.isVisible = function (ele) {
|
||||
return $(ele).is(':visible');
|
||||
};
|
||||
// 检测属性是否有定义
|
||||
this.hasProp = function (ele, prop) {
|
||||
if (typeof prop !== "string") {
|
||||
return false;
|
||||
}
|
||||
var attrProp = ele.getAttribute(prop);
|
||||
return (typeof attrProp !== 'undefined' && attrProp !== null && attrProp !== false);
|
||||
};
|
||||
// 判断表单元素是否为空
|
||||
this.isEmpty = function (ele, value) {
|
||||
var trimValue = this.trim(ele.value);
|
||||
value = value || ele.getAttribute('placeholder');
|
||||
return (trimValue === "" || trimValue === value);
|
||||
};
|
||||
// 正则验证表单元素
|
||||
this.isRegex = function (ele, regex, params) {
|
||||
var inputValue = ele.value, dealValue = this.trim(inputValue);
|
||||
regex = regex || ele.getAttribute('pattern');
|
||||
if (dealValue === "" || !regex) {
|
||||
return true;
|
||||
}
|
||||
if (dealValue !== inputValue) {
|
||||
(ele.tagName.toLowerCase() !== "textarea") ? (ele.value = dealValue) : (ele.innerHTML = dealValue);
|
||||
}
|
||||
return new RegExp(regex, params || 'i').test(dealValue);
|
||||
};
|
||||
// 检侧所的表单元素
|
||||
this.isAllpass = function (elements, options) {
|
||||
if (!elements) {
|
||||
return true;
|
||||
}
|
||||
var allpass = true, self = this, params = options || {};
|
||||
if (elements.size && elements.size() === 1 && elements.get(0).tagName.toLowerCase() === "form") {
|
||||
elements = $(elements).find(self.tags);
|
||||
} else if (elements.tagName && elements.tagName.toLowerCase() === "form") {
|
||||
elements = $(elements).find(self.tags);
|
||||
}
|
||||
elements.each(function () {
|
||||
if (self.checkInput(this, params) === false) {
|
||||
return $(this).focus(), (allpass = false);
|
||||
}
|
||||
});
|
||||
return allpass;
|
||||
};
|
||||
// 验证标志
|
||||
this.remind = function (input) {
|
||||
return this.isVisible(input) ? this.showError(input, input.getAttribute('title') || '') : false;
|
||||
};
|
||||
// 检测表单单元
|
||||
this.checkInput = function (input) {
|
||||
var type = (input.getAttribute("type") + "").replace(/\W+$/, "").toLowerCase();
|
||||
var tag = input.tagName.toLowerCase(), isRequired = this.hasProp(input, "required");
|
||||
if (this.hasProp(input, 'data-auto-none') || input.disabled || type === 'submit' || type === 'reset' || type === 'file' || type === 'image' || !this.isVisible(input)) {
|
||||
return;
|
||||
}
|
||||
var allpass = true;
|
||||
if (type === "radio" && isRequired) {
|
||||
var radiopass = false, eleRadios = input.name ? $("input[type='radio'][name='" + input.name + "']") : $(input);
|
||||
eleRadios.each(function () {
|
||||
(radiopass === false && $(this).is("[checked]")) && (radiopass = true);
|
||||
});
|
||||
if (radiopass === false) {
|
||||
allpass = this.remind(eleRadios.get(0), type, tag);
|
||||
} else {
|
||||
this.hideError(input);
|
||||
}
|
||||
} else if (type === "checkbox" && isRequired && !$(input).is("[checked]")) {
|
||||
allpass = this.remind(input, type, tag);
|
||||
} else if (tag === "select" && isRequired && !input.value) {
|
||||
allpass = this.remind(input, type, tag);
|
||||
} else if ((isRequired && this.isEmpty(input)) || !(allpass = this.isRegex(input))) {
|
||||
allpass ? this.remind(input, type, "empty") : this.remind(input, type, tag);
|
||||
allpass = false;
|
||||
} else {
|
||||
this.hideError(input);
|
||||
}
|
||||
return allpass;
|
||||
};
|
||||
// 错误消息显示
|
||||
this.showError = function (ele, content) {
|
||||
$(ele).addClass('validate-error'), this.insertError(ele);
|
||||
$($(ele).data('input-info')).addClass('fadeInRight animated').css({width: 'auto'}).html(content);
|
||||
};
|
||||
// 错误消息消除
|
||||
this.hideError = function (ele) {
|
||||
$(ele).removeClass('validate-error'), this.insertError(ele);
|
||||
$($(ele).data('input-info')).removeClass('fadeInRight').css({width: '30px'}).html('');
|
||||
};
|
||||
// 错误消息标签插入
|
||||
this.insertError = function (ele) {
|
||||
var $html = $('<span style="-webkit-animation-duration:.2s;animation-duration:.2s;padding-right:20px;color:#a94442;position:absolute;right:0;font-size:12px;z-index:2;display:block;width:34px;text-align:center;pointer-events:none"></span>');
|
||||
$html.css({top: $(ele).position().top + 'px', paddingBottom: $(ele).css('paddingBottom'), lineHeight: $(ele).css('height')});
|
||||
$(ele).data('input-info') || $(ele).data('input-info', $html.insertAfter(ele));
|
||||
};
|
||||
// 表单验证入口
|
||||
this.check = function (form, callback, options) {
|
||||
var params = $.extend({}, options || {});
|
||||
$(form).attr("novalidate", "novalidate");
|
||||
$(form).find(self.tags).map(function () {
|
||||
for (var i in self.checkEvent) {
|
||||
if (self.checkEvent[i] === true) {
|
||||
$(this).off(i, func).on(i, func);
|
||||
}
|
||||
}
|
||||
|
||||
function func() {
|
||||
self.checkInput(this);
|
||||
}
|
||||
});
|
||||
$(form).bind("submit", function (event) {
|
||||
if (self.isAllpass($(this).find(self.tags), params) && typeof callback === 'function') {
|
||||
if (typeof CKEDITOR === 'object' && typeof CKEDITOR.instances === 'object') {
|
||||
for (var instance in CKEDITOR.instances) {
|
||||
CKEDITOR.instances[instance].updateElement();
|
||||
}
|
||||
}
|
||||
callback.call(this, $(form).serialize());
|
||||
}
|
||||
return event.preventDefault(), false;
|
||||
});
|
||||
return $(form).data('validate', this);
|
||||
};
|
||||
}
|
||||
|
||||
/*! 后台菜单辅助插件 */
|
||||
$.menu = new function () {
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user