mirror of
https://gitee.com/zoujingli/ThinkAdmin.git
synced 2025-09-05 15:49:45 +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.data('input').value = tmp.join('|');
|
||||||
$cur.remove(), $.msg.close(dialogIndex);
|
$cur.remove(), $.msg.close(dialogIndex);
|
||||||
});
|
});
|
||||||
})
|
});
|
||||||
$(this).before($tpl);
|
$(this).before($tpl);
|
||||||
}
|
}
|
||||||
}).trigger('change');
|
}).trigger('change');
|
||||||
};
|
};
|
||||||
|
|
||||||
// 注册对象到JqFn
|
|
||||||
$.fn.validate = function (callback, options) {
|
|
||||||
return (new validate()).check(this, callback, options);
|
|
||||||
};
|
|
||||||
|
|
||||||
// 注册对象到Jq
|
// 注册对象到Jq
|
||||||
$.validate = function (form, callback, options) {
|
$.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 () {
|
$.menu = new function () {
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user