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

@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()
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("-","/")），再进行比较，但是一般推荐下述方法，简单可行：



补充：

@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