#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/