页面常用的JS和异步请求(一)

来源:互联网 发布:js防水涂料最新配方 编辑:程序博客网 时间:2024/06/01 10:16

为了提高开发人员的开发效率,本人总结了页面常用的判断,不一定符合大家的要求,需要的借鉴下就OK 

1、判断value值是否为空

function cxCheckEmpty(value) {
return !(value && value.trim().length > 0);
}


 var ownerName = document.getElementById("ownerName").value.trim();
    vdata.ownerName=ownerName;
if (cxCheckEmpty(ownerName)) {
cxAlert("请输入车主姓名");
return;
} else {
if (ownerName.length < 2 || !cxIsChinese(ownerName)) {
cxAlert("车主姓名要求2-4个汉字");
return;
}
}


2、判断是否是两个字的中文

function cxIsChinese(temp) {
var re = /[^\u4e00-\u9fa5]/;
if (re.test(temp))
return false;
return true;
}


3、案例方法

function validateUserName(name, infoStr) {
infoStr = infoStr || "";
if (cxCheckEmpty(name)) {
return ("请输入" + infoStr + "姓名");
} else {
if (name.length < 2 || !cxIsChinese(name)) {
return (infoStr + "姓名要求2-4个汉字");
}
}
}


4、验证邮箱的格式

function validateEmail(email, infoStr) {
infoStr = infoStr || "";
var pattern = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
flag = pattern.test(email);
if (!flag) {
return infoStr + "电子邮件地址不正确";
}
}


5、异步请求数据方法

function cxPostData(jsonObj) {
var url = jsonObj.url;
var data = jsonObj.data;
var successCb = jsonObj.success;
$.ajax({
type : "post",
timeout : 60000,
url : url,
data : data,
async : true,
success : function(data) {
if (successCb) {
if (cxJudgeSuccess(data)) {
successCb(data);
}
}
},
error : function() {
// view("异常!");
cxAlert("网络连接失败,请检查一下网络设置");
cxLoadingClose();
}
});
}


6、案例


//请求城市编码
cxPostData({
url : 'gain_cityCode.do',  
data : { 
orderNo : veh.orderNo,
checkMsg : veh.identifyNumber
},
success : function(data) {

var cityCode = data.city.cityCode;
if(cityCode=="110100"){ 
show_policy = "YES";
$("#taiping_id_flx_bs_polity").show();
veh.hasCityCode = 'YES';
veh.show_policy = "YES";;
cxSsVeh(veh);
cxLoadingClose();
}else{

veh.hasCityCode = 'YES';
cxSsVeh(veh);
cxLoadingClose();
}
}
});


7、验证手机号码

function validateMobile(mobile, infoStr) {
infoStr = infoStr || "";
if (mobile.length == 0) {
return ('请输入' + infoStr + '手机号码!');
}
if (mobile.length != 11) {
return ('请输入' + infoStr + '11位手机号码!');
}


8、验证身份证(重点验证)具体实现自己测试

1、应用card.js文件

2、方法开始:

if (procValidResIsFail(validateMobile(‘身份证号码’,‘用于展示的数据【可以忽略】’))) {
return;
}


function procValidResIsFail(idenRes) {
if (idenRes) {
cxAlert(idenRes);
return true;
}
return false;
}

//card.js里面的方法

function validIdentityCode(code, infoStr) {
    infoStr = infoStr || "";
    if (!(code!=undefined && (code.length == 15 || code.length == 18))) {
        return "请输入15或18位" + infoStr + "身份证号码";
    }


    
    return checkCard(code, infoStr);
}
  


备注:这是直接的方法,比较简单,后续还需完善。。。。。。。


1 0
原创粉丝点击