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

 

你可能感兴趣的:(JQuery)