抱歉，我是 jQuery 和一般编程的新手，如果我的问题有点愚蠢，我深表歉意。
我正在尝试在 jQuery 中编写一个快速而肮脏的表单验证脚本
我需要能够从“init”方法的范围之外访问我的“设置”对象中的属性，我试图在另一个我称之为“验证”的方法中获取它我不能只是通过该对象作为 validate 方法中的参数，因为我需要稍后调用我的 validate 方法。这是我的脚本：
(function($) {
var methods = {
init: function(options) {
var settings = $.extend({
bgColor: '#fff',
textType: 'normal',
textColor: '#666',
errorMsgClass: 'errorMsg',
requiredMsgClass: 'requiredMsg',
ex: {
'email': /^[\w\-\.\+]+\@[a-zA-Z0-9\.\-]+\.[a-zA-z0-9]{2,4}$/,
'message': /^[0-9a-zA-Z ."']+$/,
'name': /^[0-9a-zA-Z,\r\n ."']+$/,
'phone': /^[0-9 ]+$/,
'url': /^[0-9a-zA-Z,\r\n ."']+$/
}
}, options)
return this.each(function() {
var o = settings;
var obj = $(this);
var items = $(":input", obj);
items.each(function() {
if (this.parentNode.className.substr(0, 8) == 'validate') {
$(this).bind({
focus: function() {
if ($(this).val() == $(this).attr('id')) {
$(this).val('');
}
methods.msgHide($(this), '.errorMsg')
},
blur: function() {
methods.validate($(this))
}
});
}
});
});
return settings;
},
validate: function(el) {
if (el.val() == '') {
methods.is_required ? methods.msgShow(el, '.requiredMsg') : '';
el.val(el.attr('id'))
}
else {
//hide required msg
methods.msgHide(el, '.requiredMsg');
var last = methods.get_length(el);
var reg = methods.getWrapper(el).attr('class').substr(9, last);
if (!el.val().match(methods.init.ex[reg])) {
methods.msgShow(el, '.errorMsg')
}
}
},
get_length: function(el) {
//see if it has the trailing asterix
if (methods.is_required) {
return el.closest('div').attr('class').length - 10;
}
else {
return el.closest('div').attr('class').length - 9;
}
},
is_required: function(el) {
//see if it has the trailing asterix
if (el.closest('div').attr('class').lastIndexOf('*') > -1) {
return true
}
else {
return false
}
},
getWrapper: function(el) {
return el.closest('div');
},
msgShow: function(el, message) {
methods.getWrapper(el).children(message).css({
display: "block"
});
},
msgHide: function(el, message) {
methods.getWrapper(el).children(message).css({
display: "none"
});
},
};
$.fn.validateForm = function(method) {
// Method calling logic
if (methods[method]) {
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
} else if (typeof method === 'object' || !method) {
return methods.init.apply(this, arguments);
} else {
$.error('Method ' + method + ' does not exist on jQuery.validateForm');
}
};
})(jQuery);