JS前端验证(验证页面属性格式)

10 篇文章 0 订阅
5 篇文章 0 订阅
@param:做验证的正则表达式

/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; 验证邮箱格式

/^[1][358]\d{9}$/; 验证手机号码

/^[0-9]{6}$/;验证邮政编码

/^\d+((\.?\d+)|(\d*))$/;验证Double类型数据

/^[\u4e00-\u9fa5]+$/i; 验证输入数据必须是汉字

/^\d{15}(\d{2}[\dXx]){0,1}$/; 验证身份证号 18位

/(^[0-9]{3,4}\-[0-9]{7,8}$)|(^[0-9]{3,4}\-[0-9]{7,8}\-[0-9]{1,4}$)|(^[1][358]\d{9})/;验证手机号,座机号,分机号

座机号码 (3-4位区号)-(7-8位直拨号码)-(1-4位分机号码) 如:010-1234567-1234



@function JQuery 验证示例,使用方法

function aaaa(){

$("input[type='text']").each(function(){

var a=$(this).val();

alert(a);

});

$("select").each(function(){

var aa=$(this).find("option:selected").text();

alert(aa);

})

}

$("select").each(function(){

var content=$(this).find("option:selected").text();
if(content==""||content=null){

alert("*项为必填项,请完整填写...");
break;
}

flag=false;

});

var oFile = document.getElementById("uploadimg");

oFile.onblur = function(){

if(oFile.value == ""){
alert('空');
}

};

$("#uploadimg").each()(function(){

if($("uploadimg").val()==""||$("#uploadimg").val()=null){

alert("*项为必填项,请完整填写...");
break;

}

flag=false;

});

mId.submit();

}

$(".conn").each(function(){

var content=$(this).val();

alert(content);

if(content==""||content==null){

alert("*项为必填项,请完整填写...");
return false; //break出错
}

});

$("#"+formId+" input[type='text']").each(function(){

var content=$(this).val();

alert(content);

if(content==""||content==null){

alert("*项为必填项,请完整填写...");

return false; //break出错

}

});

/**验证下拉列表option的值不为"" */

$("select").each(function(){

var content=$(this).find("option:selected").text();

if(content==""||content=null){

alert("*项为必填项,请完整填写...");

return false ;

}

flag=false;

});

/**注册用户,去掉前后面空格....action类去空格*/

public void test(){

int begin = 0, end = 0;

for (int i = 0; i < loginName.length(); i++) {

if (loginName.charAt(i) != ' ') {

begin = i;

break;

}

}

for (int i = loginName.length() - 1; i > 0; i--) {

if (loginName.charAt(i) != ' ') {

end = i;

break;

}

}

String loginName=loginName.substring(begin, end + 1);//去掉空格之后的字符串

}

@function:去除前后两端空格

@param:str 要去除空格的字符

function trim(str){

str = str.replace(/^\s+|\s+$/g, "");

return str;

}

@function:图片格式的验证

function checkContent6(){

var filepath= $("input[name='uploadimg']").val();

var extStart=filepath.lastIndexOf(".");

var ext=filepath.substring(extStart,filepath.length).toUpperCase();

var img=new Image();

img.src=filepath;

if(filepath==""){

alert("请上传个人近期免冠证件照!");

document.getElementById("uploadimg").focus();

return false;

}else{

if(ext!=".JPG"){

alert("请上传jpg格式图片!");

document.getElementById("uploadimg").focus();

return false;

}

}

return true;

}

@function验证特殊字符

//更多的过滤字符,请自己补充到new Array("char","varcahr","#");
function checkForms(){

var iu, iuu, regArray=new Array("!","varchar","#","?","//","\");
iuu=regArray.length;
var obj=document.getElementById("username").value;
if(obj=="")
{
alert("用户名不能为空");
document.getElementById("username").focus();
return false;
}

for(iu=1;iu<=iuu;iu++)
{
if(regArray[iu] !="")
{
if (obj.indexOf(regArray[iu])!=-1)
{
alert("用户名不可以包含:" + regArray[iu]);
document.getElementById("username").focus();
return false;
}
}
}
return true;
}



@function js比较时间大小

function testTime(){

var s=new Date(dateStart1.replace(/-/g,"/")); //把 yyyy-mm-dd形式的时间格式转换成yyyy/mm/dd,string.replace(yyyy/mm/dd),replace(x,y)由于用一般字符串时不能全局替换,可以正则表达式实现。例:var t1="2011-1-1".replace(/-/g,"/");

var e=new Date(dateEnd1.replace(/-/g,"/")); //把String 类型的时间转换成Date类型
if(s.getTime()<e.getTime()) { //获取时间,比较大小

return true;

}else{
alert("请填写合理的时间范围!");
alert(s+" "+s.getTime()+" "+dateStart1.replace(/-/g,"/"));
document.getElementById("dateEnd1").focus();
return false;
}
}

}

时间大小的比较还可以使用 Date.parse("月/日/年") > Date.parse("月/日/年"),而不是“年月日”或“日月年”,先在文本框里获取时间的String类型值(yyyy-mm-dd),然后转化成mm/dd/yyyy,(String.replace("-","/")),再进行比较,但是一般推荐下述方法,简单可行:

<script>

var a = new Date("2012/12/12");

var b = new Date("2012/12/13");

if(a.getTime()>b.getTime()) {
alert("a");
}else {
alert("b");
}
</script>

补充:

@function:时间大小的比较

if(Date.parse(dateStart1.replace("-","/"))>Date.parse(dateEnd1.replace("-","/"))){

alert("请填写合理的时间范围!");

document.getElementById("dateEnd1").focus();

return false;

}

@function 替换固定电话的中英文半角符号"- -"

function replace(){

var reg1=/(^[0-9]{3,4}\-[0-9]{7,8}$)|(^[0-9]{3,4}\-[0-9]{7,8}\-[0-9]{1,4}$)|(^[1][358]\d{9})/;//验证电话号码,手机号和固定电话

mobilePhone=mobilePhone.replace(/-/g,"-");//全角符号"-",替换为半角
mobilePhone=mobilePhone.replace(/-/g,"-");//半角符号"-"
$("#contactorTelephone").attr("value",mobilePhone);,把替换好的值回赋给text文本

if(reg1.test(mobilePhone)){

}else{
alert("请输入正确格式的电话号码( 手机号 如:138***,座机号 如:010-1234567-12 注意:手机号为11位 )!");
document.getElementById("contactorTelephone").focus();
return false;
}

}

详细案例见:http://doublecqw.iteye.com/blog/1314945
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值