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的校验框架,支撑动态的生成界面校验和静态的界面校验,十分实用,并且可以支撑自定义校验方法。 并且本人正在着手设计一套gme的平台,目前已经实现了很多快速开发经验的积累,有兴趣者可以联系...
在"花了好长时间积累的javascript效果1"这个压缩包中,包含了一系列实用且全面的JavaScript小应用代码,总计约有150个,涵盖了各种常见的特效和功能。 1. **DOM操作**:JavaScript的核心能力之一就是对文档对象模型...
文本框输入内容控制(JS,输入限制,数据校验,鼠标焦点),一些开发经营积累,分享给大家。
### JS的正则表达式详解 #### 一、概述 正则表达式是JavaScript中用于匹配字符串模式的强大工具。它们可以用来验证用户输入的数据格式是否符合预期,例如邮箱地址、手机号码等。本文将深入探讨JavaScript中的正则...
资源包主要包含以下内容: JSP项目源码:每个资源包都包含完整的JSP项目源码,这些项目采用了JSP与SQL相结合的方式...通过这些项目,学生可以学习到如何从零开始设计和开发一个完整的Web系统,并积累宝贵的项目经验。
10. **安全考虑**:防止用户通过篡改JavaScript代码来改变抽奖结果,可以通过服务端验证、时间戳校验等手段提高安全性。 以上就是JavaScript抽奖涉及的一些主要技术点,实际开发中还需要结合具体需求和场景进行调整...
JavaScript是一种广泛...总之,"Javascript-Utilities-源码"是一个宝贵的资源,它可以帮助开发者积累经验,提升技能,更好地应对实际项目中的挑战。无论是初学者还是有经验的开发者,都应该充分利用这样的学习材料。
这个"JavaScript最常用数据验证合集"是程序员通过实战经验积累下来的宝贵资料,旨在帮助开发者更高效、准确地进行数据验证。 数据验证是确保用户输入符合预设规则的关键步骤,它可以防止错误的数据进入系统,提升...
适合人群:工作中项目需要、模板框架实战学习、大学毕业设计参考、找工作项目实战积累等等 - Swagger生成接口文档 - 跨域 - webconfig 在各个控制器下,添加一个Options方法,处理预检 - 在 ASP.NET Web API ...
例如,JavaScript中的正则表达式支持大部分Perl风格的功能,而Python的re模块则提供了丰富的正则表达式功能,包括后向引用和条件表达式。 掌握正则表达式对于提高程序的效率和灵活性至关重要,尤其是在处理大量文本...
SpringBoot的RESTful API设计使得前后端分离成为可能,前端可以使用诸如React、Vue.js等现代JavaScript框架来实现交互界面,提供良好的用户体验。 此外,项目中可能还涉及到权限控制、异常处理、数据校验等多个方面...
前端部分,可以使用像Fabric.js这样的JavaScript库,它支持在Canvas上进行复杂的绘图操作,包括手写签名。用户在Canvas上绘制签名后,可以将Canvas的内容转换为Base64编码的图片数据,然后通过AJAX发送到后台。此外...
《教师信息管理系统——Java技术深度解析》 在信息化时代的教育领域,教师信息管理系统的存在显得尤为重要,它能够高效地整合、存储和处理...开发者在实践中不断积累经验,提升技术能力,为教育信息化建设贡献力量。
而JavaScript文件,如`javascript/calendar.js`,负责处理用户的交互,如动态加载、日期选择等功能。这些前端技术的应用,使得日历组件既美观又实用。 从压缩包的文件列表来看,`027071ced6dba8d4d31c88cccc1da11c....
开发者会使用如微信小程序开发工具所支持的WXML和WXSS语言来编写这些页面,并结合JavaScript处理用户交互和数据通信。此外,前端源码还会涉及到样式设计,确保用户体验良好,界面美观易用。 "打卡后端一键"则指的是...
同时,安全性也是不可忽视的一环,需要对用户输入进行校验,防止SQL注入等攻击,确保数据安全。 总之,《基于SSM+Vue的理发店会员管理系统》是一个集成了后端Java SSM框架和前端Vue.js技术的综合解决方案,旨在提升...
根据提供的文件信息,我们可以归纳出一系列与...无论是对于初学者还是有一定基础的开发者来说,都能够从中获得宝贵的实践经验和技术积累。通过本项目的系统学习,相信每位参与者都能在Vue.js领域取得显著的进步。
这个框架是在学习Spring的时候,为了积累学习成果,自己搭建的,一般的系统开发也可以直接使用,包括一个系统开发的基础功能。 以下是当时自己开发时的日志,大致可以说明框架里已有功能 1.0.5 从web项目迁移成maven...
在Ajax的例子中,我们可以讲解XMLHttpRequest对象如何发送异步请求,以及JavaScript如何处理服务器返回的数据。同时,注意阐述可能遇到的问题,比如跨域限制、兼容性问题,以及解决方案,如JSONP或CORS。 在面试或...
在项目一的博客系统开发中,他负责了S2SH(Struts2、Spring、Hibernate)框架集成下的JavaScript校验、文章管理和评论模块的编码工作。在项目二的超市产品销售管理系统中,他主要负责UI设计和事件监听编写,使用了C/...