`
shui
  • 浏览: 40370 次
  • 性别: Icon_minigender_2
  • 来自: 北京
社区版块
存档分类
最新评论

js校验积累

阅读更多

1、校验输入的长度不能超长

 

使用:<input type="text" size="15"  name="fDept" onblur="fc_chk_byte(this,50);"/>

 

function fc_chk_byte(aro_name,ari_max){

        var ls_str      = aro_name.value;
        var li_str_len  = ls_str.length;     
       
        var rtn         = true;
        var li_max      = ari_max;
        var i           = 0;
        var li_byte     = 0;
        var li_len      = 0;
        var ls_one_char = "";
        var ls_str2     = "";

        for(i=0; i< li_str_len; i++) {

            ls_one_char = escape(ls_str.charAt(i));

 
            if ( ls_one_char.length == 1 ) {
             li_byte ++;
         } else if (ls_one_char.indexOf("%u") != -1) {
             li_byte += 2;
         } else if (ls_one_char.indexOf("%") != -1) {
             li_byte += ls_one_char.length/3;
         }
           
            if(li_byte <= li_max) {
                li_len = i + 1;
            }
        }

        if(li_byte > li_max) {
            alert("입력하신 정보는 " +li_max+"자리까지 입력 가능합니다.");           
            ls_str2 = ls_str.substr(0, li_len);
            aro_name.value = ls_str2;       
            rtn = false;
            aro_name.focus();
        }
       
        return rtn;
}

 

 

2、使用正则表达式,校验必须输入英文和空格

<input type="text" size="15" name="fName" onkeyup="this.value=this.value.replace(/[^a-zA-Z\s]/g,'')"/>

 

3、使用正则表达式,校验只能输入数字

<input type="text" size="15" maxlength=30 name="fTel" onblur="fc_chk_byte(this,50);" onkeyup="this.value=this.value.replace(/[^\d\-]/g,'')"/>
                 

4、校验是否为空

function doCheckForm(){

 if(isEmpty(f.bDept))
 {
     alert('部门不能为空');
     f.bDept.focus();
     return;
 }

 

 return true;

 }

 

 

function isEmpty(input) {
    if (input.value == null || input.value.replace(/ /gi,"") == "") {
        return true;
    }
    return false;
}

 

5、校验email是否合法

 function doCheckForm(){

 if(!isValidEmail(f.fEmail)&&f.fEmail.value.length>0)
 {
     alert('email不合法');
     f.fEmail.focus();
     return;
 }

 return true;

 }

 

 

 

function isValidEmail(input) {
    var format = /^((\w|[\-\.])+)@((\w|[\-\.])+)\.([A-Za-z]+)$/;
    return isValidFormat(input,format);
}

分享到:
评论

相关推荐

    纯javascript校验框架

    一款纯javascript的校验框架,支撑动态的生成界面校验和静态的界面校验,十分实用,并且可以支撑自定义校验方法。 并且本人正在着手设计一套gme的平台,目前已经实现了很多快速开发经验的积累,有兴趣者可以联系...

    花了好长时间积累的javascript效果1

    在"花了好长时间积累的javascript效果1"这个压缩包中,包含了一系列实用且全面的JavaScript小应用代码,总计约有150个,涵盖了各种常见的特效和功能。 1. **DOM操作**:JavaScript的核心能力之一就是对文档对象模型...

    文本框输入内容控制(JS,输入限制,数据校验,鼠标焦点)

    文本框输入内容控制(JS,输入限制,数据校验,鼠标焦点),一些开发经营积累,分享给大家。

    JS的正则详解.doc

    ### JS的正则表达式详解 #### 一、概述 正则表达式是JavaScript中用于匹配字符串模式的强大工具。它们可以用来验证用户输入的数据格式是否符合预期,例如邮箱地址、手机号码等。本文将深入探讨JavaScript中的正则...

    [其他类别]网页中文本框自校验的标签_input.rar

    资源包主要包含以下内容: JSP项目源码:每个资源包都包含完整的JSP项目源码,这些项目采用了JSP与SQL相结合的方式...通过这些项目,学生可以学习到如何从零开始设计和开发一个完整的Web系统,并积累宝贵的项目经验。

    javascript抽奖

    10. **安全考虑**:防止用户通过篡改JavaScript代码来改变抽奖结果,可以通过服务端验证、时间戳校验等手段提高安全性。 以上就是JavaScript抽奖涉及的一些主要技术点,实际开发中还需要结合具体需求和场景进行调整...

    Javascript-Utilities-源码.rar

    JavaScript是一种广泛...总之,"Javascript-Utilities-源码"是一个宝贵的资源,它可以帮助开发者积累经验,提升技能,更好地应对实际项目中的挑战。无论是初学者还是有经验的开发者,都应该充分利用这样的学习材料。

    JavaScript最常用数据验证合集,程序员实战总结!

    这个"JavaScript最常用数据验证合集"是程序员通过实战经验积累下来的宝贵资料,旨在帮助开发者更高效、准确地进行数据验证。 数据验证是确保用户输入符合预设规则的关键步骤,它可以防止错误的数据进入系统,提升...

    基于C# .Net+Vue实现前后端分离的仓库管理系统(PC端+server端源码)

    适合人群:工作中项目需要、模板框架实战学习、大学毕业设计参考、找工作项目实战积累等等 - Swagger生成接口文档 - 跨域 - webconfig 在各个控制器下,添加一个Options方法,处理预检 - 在 ASP.NET Web API ...

    很全的正则表达式

    例如,JavaScript中的正则表达式支持大部分Perl风格的功能,而Python的re模块则提供了丰富的正则表达式功能,包括后向引用和条件表达式。 掌握正则表达式对于提高程序的效率和灵活性至关重要,尤其是在处理大量文本...

    基于springboot+mysql的大学生社团或组织的新生志愿填报管理系统.zip

    SpringBoot的RESTful API设计使得前后端分离成为可能,前端可以使用诸如React、Vue.js等现代JavaScript框架来实现交互界面,提供良好的用户体验。 此外,项目中可能还涉及到权限控制、异常处理、数据校验等多个方面...

    asp.net流畅手写签名并上传

    前端部分,可以使用像Fabric.js这样的JavaScript库,它支持在Canvas上进行复杂的绘图操作,包括手写签名。用户在Canvas上绘制签名后,可以将Canvas的内容转换为Base64编码的图片数据,然后通过AJAX发送到后台。此外...

    教师信息管理系统-java

    《教师信息管理系统——Java技术深度解析》 在信息化时代的教育领域,教师信息管理系统的存在显得尤为重要,它能够高效地整合、存储和处理...开发者在实践中不断积累经验,提升技术能力,为教育信息化建设贡献力量。

    up_14199_phpbb3_Calendar_lko9v.rar

    而JavaScript文件,如`javascript/calendar.js`,负责处理用户的交互,如动态加载、日期选择等功能。这些前端技术的应用,使得日历组件既美观又实用。 从压缩包的文件列表来看,`027071ced6dba8d4d31c88cccc1da11c....

    签到打卡小程序源码.zip

    开发者会使用如微信小程序开发工具所支持的WXML和WXSS语言来编写这些页面,并结合JavaScript处理用户交互和数据通信。此外,前端源码还会涉及到样式设计,确保用户体验良好,界面美观易用。 "打卡后端一键"则指的是...

    基于ssm+vue理发店会员管理系统.zip

    同时,安全性也是不可忽视的一环,需要对用户输入进行校验,防止SQL注入等攻击,确保数据安全。 总之,《基于SSM+Vue的理发店会员管理系统》是一个集成了后端Java SSM框架和前端Vue.js技术的综合解决方案,旨在提升...

    尚硅谷最新VUE实战项目

    根据提供的文件信息,我们可以归纳出一系列与...无论是对于初学者还是有一定基础的开发者来说,都能够从中获得宝贵的实践经验和技术积累。通过本项目的系统学习,相信每位参与者都能在Vue.js领域取得显著的进步。

    SpringMVC基础上的web框架

    这个框架是在学习Spring的时候,为了积累学习成果,自己搭建的,一般的系统开发也可以直接使用,包括一个系统开发的基础功能。 以下是当时自己开发时的日志,大致可以说明框架里已有功能 1.0.5 从web项目迁移成maven...

    java基础文档

    在Ajax的例子中,我们可以讲解XMLHttpRequest对象如何发送异步请求,以及JavaScript如何处理服务器返回的数据。同时,注意阐述可能遇到的问题,比如跨域限制、兼容性问题,以及解决方案,如JSONP或CORS。 在面试或...

    04-Java Web程序员求职简历.doc

    在项目一的博客系统开发中,他负责了S2SH(Struts2、Spring、Hibernate)框架集成下的JavaScript校验、文章管理和评论模块的编码工作。在项目二的超市产品销售管理系统中,他主要负责UI设计和事件监听编写,使用了C/...

Global site tag (gtag.js) - Google Analytics