var commonJs = {
// 验证类型公共方法
name: function () {
var nameReg = /^[\u4e00-\u9fa5]{2,4}$/;
var name = $('#name').val();
if (name == '' || name.length <= 0) {
commonJs.toast("姓名不能为空",350);
return false
// } else if (!nameReg.test(name)) {
// commonJs.toast("名字输入不合法",350);
// return false;
} else {
commonJs.phone();
}
},
phone: function () {
var phoneReg = /^1[3|4|5|8][0-9]\d{4,8}$/;
var phone = $('#phone').val();
if (phone == '' || phone.length <= 0) {
commonJs.toast("手机号码不能为空",350);
return false;
} else if (!phoneReg.test(phone)) {
commonJs.toast("手机输入不合法",350);
return false;
} else {
successReg();
}
},
ajaxEncapsulation: function (api_url, mdata, method, success) {
$.ajax({
type: method,
url: api_url,
dataType: "json",
data: mdata,
timeout: 20000,
error: function (data) {
console.log(data);
},
success: function (data) {
success ? success(data) : function () {};
}
});
},
// 提示
toast: function (msg, timer) {
$('.toast').remove();
var str = '';
str = "<div class='toast'>" + msg + "</div>";
$('body').append(str);
$('.toast').fadeIn("slow");
setTimeout(() => {
$('.toast').fadeOut("slow");
}, timer);
},
// loading加载提示
loading:function(){
$("body").remove('loadingParent');
var loadingParent = $("<div class='loading'><div>");
var mengceng = $("<div class='mengceng'></div>");
var loadingIcon = $("<div class='loadingIcon'></div>");
var imgContai = $("<div class='imgContain'></div>");
var imgPic = $("<img src='../_common/image/loading.gif'>");
var loadingP = $("<p>正在加载中</p>");
loadingParent.append(mengceng);
loadingParent.append(loadingIcon);
loadingIcon.append(imgContai);
imgContai.append(imgPic);
loadingIcon.append(loadingP);
$("body").append(loadingParent);
},
closeLoading:function(timer){
setTimeout(() => {
$('.loading').remove();
}, timer);
},
// 警告框提示
warning:function(titleText,btnText,timer){ //(title文字,btn文字,点击按钮后timer后小时)
/* <div class="warningAll" style="display:block">
<div class="mengceng"></div>
<div class="warning">
<div class="warningBgColor">
<p>这里是title</p>
</div>
<div class="warningBtn">
<button>这里是按钮</button>
</div>
</div>
</div> */
$("body").remove('warningParent');
var warningParent = $("<div class='warningAll'></div>");
var mengceng = $("<div class='mengceng'></div>");
var warningDiv = $("<div class='warning'></div>");
var warningTitle = $("<div class='warningBgColor'><p>"+titleText+"</p></div>");
var warningBtnText = $("<div class='warningBtn'><button οnclick=callBacks("+timer+")>"+btnText+"</button></div>");
warningParent.append(mengceng);
mengceng.append(warningDiv);
warningDiv.append(warningTitle);
warningDiv.append(warningBtnText);
$("body").append(warningParent);
warningParent.fadeIn('fast');
},
// 确认框提示
//确认输入框
//toggle切换图片
imgToggle:function(elementId,oldSrc,newSrc){ /* 图片toggle elementId:图片ID,oldSrc:原始图片,newSrc:更换图片*/
var imgSrc = $(elementId).attr("src");
if(imgSrc == oldSrc){
$(elementId).attr("src",newSrc);
}else{
$(elementId).attr("src",oldSrc);
}
}
}function callBacks(timer){ if(timer==undefined){ setTimeout(() => { $('.warningAll').fadeOut('fast'); }, 350); }else{ setTimeout(() => { $('.warningAll').fadeOut('fast'); }, timer); }}