`

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()<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
分享到:
评论

相关推荐

    常有前端验证JS

    `validate.js` 可能是一个专门用于前端验证的库,它提供了丰富的功能,帮助开发者确保用户输入的数据符合预期的格式和规则,从而提高用户体验并保护服务器免受无效或恶意数据的影响。下面将详细介绍这个主题中的相关...

    前端验证源代码包括JQuery插件验证

    这里我们关注的是“前端验证源代码包括JQuery插件验证”,这涉及到JavaScript(js)和jQuery库的使用。 JavaScript是一种轻量级的解释型编程语言,广泛应用于网页和网络应用开发,尤其是处理用户交互、页面动态更新...

    js前端表单验证

    为了简化开发过程,有许多优秀的前端验证插件和库,比如`jQuery Validation Plugin`、`FormValidation.io`、`Vee Validate`等。这些工具提供了丰富的验证规则和友好的API,可以快速集成到项目中。比如,`blog.csdn...

    _JavaScript表单验证实例 js 前端 例子

    _JavaScript表单验证实例 js 前端 例子_JavaScript表单验证实例 js 前端 例子

    jquery 前端验证框架

    jQuery,作为一款广泛使用的JavaScript库,提供了许多工具和插件来帮助开发者实现前端验证。本文将详细介绍jQuery的前端验证框架,并通过具体的Demo实例进行解析。 **一、jQuery基础知识** jQuery是由John Resig于...

    js验证上传图片 大小 格式

    在IT领域,特别是前端开发中,JavaScript(JS)被广泛应用于网页交互与数据验证,其中对上传图片的大小和格式进行验证是常见的需求之一。本文将深入解析如何使用JavaScript进行图片上传前的验证,包括检查图片格式、...

    js web 前端 验证 统一社会信用代码

    验证 统一社会信用代码

    js 前端好用的验证方式

    本文将深入探讨JavaScript(js)中的前端验证方法,包括纯前端的验证码插件、滑动验证和计算验证等,以及如何结合jQuery进行高效实现。 一、JavaScript基础验证 JavaScript作为浏览器内置的脚本语言,可以方便地在...

    js前端验证

    对前端输入的数据进行js的正则表达式的验证,本资源没有css部分

    web前端 input添加属性就可以验证 自动验证工具

    综上所述,"web前端 input添加属性就可以验证 自动验证工具" 提供了一种高效、灵活的前端验证解决方案,通过jQuery等JavaScript库,开发者可以快速构建起一套完整的输入验证机制,提升用户体验,同时减轻服务器端的...

    一个简单的带有javascript验证的注册页面

    总的来说,这个项目提供了一个学习和实践JavaScript前端验证的好机会,对于初学者来说,可以通过这个实例了解并掌握表单验证的基本原理和技术,对于有经验的开发者,可以进一步优化验证逻辑,提高用户体验,甚至结合...

    JavaScript客户端验证和页面特效制作.jar

    通过这个压缩包中的资源,你将有机会深入理解和实践JavaScript客户端验证和页面特效制作,从而提升你的前端开发技能。无论你是初学者还是有一定经验的开发者,这个教程都将为你提供有价值的指导和示例,帮助你在...

    JavaScript客户端验证和页面特效制作(JavaScript)

    本文将深入探讨JavaScript客户端验证和页面特效制作的核心知识点。 **一、JavaScript客户端验证** 客户端验证是在用户提交表单之前,通过JavaScript在用户浏览器端进行的数据检查。这有助于提高用户体验,减少...

    页面输入前台JS验证通用脚本

    在前端验证中,JS主要通过事件监听、DOM操作以及函数调用来实现。当用户在表单中输入信息时,这些脚本会实时检测输入内容,如格式、长度、范围等是否符合预期。 这个通用脚本可能包含以下关键知识点: 1. **事件...

    js表单验证 全网最全的 表单验证

    前端验证可以防止无效数据提交,但不能防止恶意用户绕过前端验证。因此,任何敏感数据的提交都应配合后端验证。 总结来说,这个资源集合提供了一系列关于JavaScript表单验证的方法和实例,包括基础的输入验证、电子...

    js练习4:使用HTML5验证博客园注册页面.zip

    在这个“js练习4:使用HTML5验证博客园注册页面”的学习资源中,我们将探讨如何利用JavaScript和HTML5的内置验证功能来创建一个有效的博客园注册页面。这个练习旨在帮助学习者掌握JavaScript的基本语法以及HTML5的新...

    注册页面验证js

    JavaScript(简称JS)作为客户端脚本语言,常被用于实现注册页面的前端验证,以提供良好的用户体验并减轻服务器压力。本文将深入探讨“注册页面验证js”的相关知识点。 一、前端验证的重要性 前端验证可以即时反馈...

    js验证\注册页面

    “JS验证\注册页面”这一主题涵盖了丰富的Web开发技术点,包括但不限于JS的前端验证策略、MVC架构下的页面构建、Struts框架的应用、以及前后端的协同工作。深入了解这些技术及其应用场景,对于构建用户友好、安全...

    JS验证表单填写的格式是否正确的方法

    在网页开发中,JavaScript(简称JS)是一种必不可少的前端编程语言,它被广泛用于处理用户交互,其中之一就是验证用户在表单中输入的数据格式。表单验证能够确保用户提交的信息符合预设的标准,例如正确的电话号码、...

Global site tag (gtag.js) - Google Analytics