HTML/Html-practice/jQuery/js/FormValidation.js

91 lines
2.3 KiB
JavaScript
Raw Normal View History

2023-05-01 22:22:17 +08:00
;
(function ($) {
2023-05-01 19:37:40 +08:00
var methods = {
//用户名验证
2023-05-01 22:22:17 +08:00
userName: function () {
2023-05-01 19:37:40 +08:00
var success = "success";
var error = "Error";
var info = "UserName";
2023-05-01 22:22:17 +08:00
2023-05-01 19:37:40 +08:00
//这些方法里面的this指针已经被替换为了$(this)
var reg = /^[a-zA-Z0-9\_\+\-\&\$\*]{6,10}$/;
2023-05-01 22:22:17 +08:00
if (this.val() == '') {
2023-05-01 19:37:40 +08:00
// $(".info1").css('color','#000');
$(".info1").show().html(info);
2023-05-01 22:10:16 +08:00
return false;
2023-05-01 22:22:17 +08:00
} else if (this.val().match(reg)) {
$(".info1").css('color', 'green');
// $(".info1").css('background','#fff');
$(".info1").show().html(success);
return true;
} else {
$(".info1").css('color', 'red');
$(".info1").show().html(error);
return false;
2023-05-01 19:37:40 +08:00
}
2023-05-01 22:22:17 +08:00
2023-05-01 19:37:40 +08:00
},
// 密码验证
2023-05-01 22:22:17 +08:00
password: function () {
2023-05-01 19:37:40 +08:00
var success = "success";
var error = "Error";
var info = "Password";
2023-05-01 22:22:17 +08:00
var reg = /^[a-zA-Z0-9\_\-]{8,10}$/;
if (this.val() == '') {
2023-05-01 19:37:40 +08:00
// $(".info1").css('color','#000');
$(".info3").show().html(info);
2023-05-01 22:10:16 +08:00
return false;
2023-05-01 22:22:17 +08:00
} else if (this.val().match(reg)) {
$(".info3").css('color', 'green');
2023-05-01 19:37:40 +08:00
$(".info3").show().html(success);
2023-05-01 22:10:16 +08:00
return true;
2023-05-01 22:22:17 +08:00
} else {
$(".info3").css('color', 'red');
2023-05-01 19:37:40 +08:00
$(".info3").show().html(error);
2023-05-01 22:10:16 +08:00
return false;
2023-05-01 19:37:40 +08:00
}
2023-05-01 22:10:16 +08:00
2023-05-01 19:37:40 +08:00
},
//邮箱验证
2023-05-01 22:22:17 +08:00
email: function () {
2023-05-01 19:37:40 +08:00
var success = "success";
var error = "Error";
var info = "Email";
2023-05-01 22:10:16 +08:00
2023-05-01 22:22:17 +08:00
var reg = /^\w+@\w+(.[a-zA-Z]{2,3}){1,2}$/;
if (this.val() == '') {
2023-05-01 19:37:40 +08:00
// $(".info1").css('color','#000');
$(".info2").show().html(info);
2023-05-01 22:10:16 +08:00
return false;
2023-05-01 22:22:17 +08:00
} else if (this.val().match(reg)) {
$(".info2").css('color', 'green');
2023-05-01 19:37:40 +08:00
$(".info2").show().html(success);
2023-05-01 22:10:16 +08:00
return true;
2023-05-01 22:22:17 +08:00
} else {
$(".info2").css('color', 'red');
$(".info2").show().html(error);
return false;
2023-05-01 19:37:40 +08:00
}
2023-05-01 22:10:16 +08:00
}
2023-05-01 22:22:17 +08:00
2023-05-01 19:37:40 +08:00
};
2023-05-01 22:22:17 +08:00
$.fn.tooltip = function (method) {
2023-05-01 19:37:40 +08:00
// Method calling logic
2023-05-01 22:22:17 +08:00
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);
2023-05-01 19:37:40 +08:00
} else {
2023-05-01 22:22:17 +08:00
$.error('Method ' + method + ' does not exist on jQuery.tooltip');
}
2023-05-01 19:37:40 +08:00
};
})(jQuery);