Javascript 小工具
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
IDValidator
blinkingText
dialog
highlight
mytoast
validate
.gitignore
README.md
jquery-1.12.3.min.js

README.md

#dialog-对话框:

##1. 正在加载提示框

使用javascript、css设置半透明遮罩层缓冲效果,兼容ie、火狐、google chome等浏览器

打开缓冲层: $.myloading();

或者 $.myloading({title: "正在处理..."});

关闭缓冲层: $.myloading("hide");

参考: http://blog.jdk5.com/zh/javascript-create-isloading-dialog/

##2. alert提示框

$.myalert({
	content: "相关标题",
	confirm_btn_click: function (e){	//确认按钮点击事件
		$.myalert("getDialog").mydialog("hide");
	}
});

参考: http://blog.jdk5.com/zh/javascript-custom-alert-dialog/

##3. confirm提示框

var options = {
	//width: width+"px", 	//默认为页面宽度的80%
	//title: "提示", 			//标题默认为提示
	content: "您确定要删除吗?",	//提示内容
	//cancel_btn_title: "取消", 	//取消按钮的文本
	//confirm_btn_title: "确认",	//确认按钮的文本
	cancel_btn_click: function (e){	//取消按钮点击事件
		$.myconfirm("getDialog").mydialog("hide");
		alert("cancel");
	},
	confirm_btn_click: function (e){	//确认按钮点击事件
		$.myconfirm("getDialog").mydialog("hide");
		alert("confirm");
	}
};
$.myconfirm(options);

参考: http://blog.jdk5.com/zh/javascript-custom-confirm-dialog/

#IDValidator-身份证号码有效性验证

//新建普通实例
var Validator = new IDValidator();
//验证号码是否合法,合法返回true,不合法返回false
Validator.isValid(code);
//号码合法时返回分析信息(地区、出生日期、性别、校验位),不合法返回false
Validator.getInfo(code);
//仿造一个身份证号
Validator.makeID()
//新建普通实例
var Validator = new IDValidator();
//验证号码是否合法,合法返回true,不合法返回false
Validator.isValid(code);
//号码合法时返回分析信息(地区、出生日期、性别、校验位),不合法返回false
Validator.getInfo(code);
//仿造一个18位身份证号
Validator.makeID(
//仿造一个15位身份证号
Validator.makeID(true)

##参考资料 GB 11643-1999 公民身份证号码

GB 2260-1995 中华人民共和国行政区划代码

参考: http://blog.jdk5.com/zh/javascript-chinese-personal-id-card-validation/

#validate ##numeric-input 输入框控件只允许输入数字

$("#positive_number").myvalidate({
	filter_type: "positiveNumber", 
	enterCallback: function (obj){
		//enter key callback
		alert(parseFloat(obj.val()));
	}, valCallback: function (val){
		//pressup callback,  return value
		$("div").html(val);
	}
});
$("#positive_number").focus();

参考: http://blog.jdk5.com/zh/javascript-html-input-allow-only-numeric-input/

#toast message JavaScript仿安卓实现toast message效果

//错误
$.mytoast({text: "操作失败!",type: "error"});
//成功
$.mytoast({text: "操作成功!",type: "success"});
//警告
$.mytoast({text: "警告",type: "warning"});
//通知
$.mytoast({text: "通知",type: "notice"});

参考:http://blog.jdk5.com/zh/javascript-toast-message-notifications-like-android/