js 表单验证方法(实用)


Posted in Javascript onApril 28, 2009

//下面验证的是长度
function checkTextLen(textId){
var len = 0;
var checkField=document.getElementById(textId);
var inputstring = checkField.value;
var string_length = inputstring.length;
if (string_length == 0)
{
return 0;
}
for (var i=0;i<string_length;i++)
{
if (inputstring.charAt(i).charCodeAt()>255) len+=2;
else len+=1;
}
return len;
}
function checkTextLength(textId,length,msg){
var textObj =document.getElementById(textId);
if(checkTextLen(textId)>length/1){
alert("["+msg+"]"+"长度最大为"+length+"位,"+"请重新输入!注意:一个汉字占2位");
textObj.focus();
return false;
}else {
return true;
}
}
//下面验证不含有非法的字符,中文,英文,数字都是合法的。
function isValidString(textId,errMsg){
szStr = document.getElementById(textId).value;
voidChar = "'\"><`~!@#$%^&\(\)()!¥……??“”‘'*";
for(i = 0 ; i < voidChar.length; i ++){
aChar = voidChar.substring(i, i + 1);
if(szStr.indexOf(aChar) > -1){
alert(errMsg);
return false;
}
}
return true;
}
//下面验证只可以输入字母,数字,下划线
function isEnglish(textId,errMsg)
{
s = document.getElementById(textId).value;
//下面的正则表达式限制的长度在6到20之间
//var patrn=/^(\w){6,20}$/;
var patrn =/^(\w)*$/;
if (!patrn.exec(s)){
alert(errMsg);
return false
}
return true
}
//下面验证只允许中文
function isChinese(textId,errMsg)
{
s = document.getElementById(textId).value;
var patrn =/[^\u4E00-\u9FA5]/g;
if (patrn.exec(s)){
alert(errMsg);
return false
}
return true
}
//下面验证只允许数字
function isNumber(textId,errMsg)
{
s = document.getElementById(textId).value;
//下面的正则表达式限制的长度在6到20之间
//var patrn=/^(\d){6,20}$/;
var patrn =/^(\d)*$/;
if (!patrn.exec(s)){
alert(errMsg);
return false
}
return true
}
使用js的正则表达式用来控制不允许在文本框里面输入非数字,也就是只允许输入数字。调用方法 : onkeyup="onlyNum(this);"
function onlyNum(obj)
{
temp = obj.value;
//注意下面的正则表达式的写法,没有用引号括起来。。
obj.value = temp.replace(/\D/g,'');
}

Javascript 相关文章推荐
jQuery 入门级学习笔记及源码
Jan 22 Javascript
JavaScript正则表达式之multiline属性的应用
Jun 16 Javascript
jQuery插件简单实现方法
Jul 18 Javascript
对于jQuery性能的一些优化建议
Aug 13 Javascript
JavaScript常用函数工具集:lao-utils
Mar 01 Javascript
深入理解MVC中的时间js格式化
May 19 Javascript
javascript简单实现跟随滚动条漂浮的返回顶部按钮效果
Aug 19 Javascript
javascript验证香港身份证的格式或真实性
Feb 07 Javascript
HTML中使背景图片自适应浏览器大小实例详解
Apr 06 Javascript
AngularJS 购物车全选/取消全选功能的实现方法
Aug 14 Javascript
微信小程序canvas截取任意形状的实现代码
Jan 13 Javascript
微信小程序实现文件预览
Oct 22 Javascript
xml和web特殊字符
Apr 28 #Javascript
Firefox div高度自适应
Apr 28 #Javascript
jquery 获取json数据实现代码
Apr 27 #Javascript
javascript 对象比较实现代码
Apr 27 #Javascript
JQUERY 对象与DOM对象之两者相互间的转换
Apr 27 #Javascript
一个选择最快的服务器转向代码
Apr 27 #Javascript
在IE上直接编辑网页内容的js代码(IE地址栏js)
Apr 27 #Javascript
You might like
php的计数器程序
2006/10/09 PHP
解读PHP的Yii框架中请求与响应的处理流程
2016/03/17 PHP
CI框架封装的常用图像处理方法(缩略图,水印,旋转,上传等)
2016/11/22 PHP
浅谈Javascript事件处理程序的几种方式
2012/06/27 Javascript
js操作iframe的一些方法介绍
2013/06/25 Javascript
js的正则test,match,exec详细解析
2014/01/29 Javascript
深入探讨JavaScript、JQuery屏蔽网页鼠标右键菜单及禁止选择复制
2014/06/10 Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
2014/12/20 Javascript
js获取时间并实现字符串和时间戳之间的转换
2015/01/05 Javascript
6种javascript显示当前系统时间代码
2015/12/01 Javascript
Vue表单验证插件的制作过程
2017/04/01 Javascript
vue-router路由与页面间导航实例解析
2017/11/07 Javascript
JavaScript函数绑定用法实例分析
2017/11/14 Javascript
使用jQuery 操作table 完成单元格合并的实例
2017/12/27 jQuery
浅谈Node.js 中间件模式
2018/06/12 Javascript
13 个npm 快速开发技巧(推荐)
2019/07/04 Javascript
Vue实现跑马灯效果
2020/05/25 Javascript
[00:53]TI3正赛第三天 DK怒破A队不败金身 现场国旗飘扬热血激昂
2013/08/10 DOTA
[39:00]Optic vs VP 2018国际邀请赛淘汰赛BO3 第三场 8.24
2018/08/25 DOTA
利用python实现简单的循环购物车功能示例代码
2017/07/05 Python
CentOS下Python3的安装及创建虚拟环境的方法
2018/11/28 Python
Python判断是否json是否包含一个key的方法
2018/12/31 Python
python登录WeChat 实现自动回复实例详解
2019/05/28 Python
Python获取当前脚本文件夹(Script)的绝对路径方法代码
2019/08/27 Python
python字符串替换re.sub()方法解析
2019/09/18 Python
100行Python代码实现每天不同时间段定时给女友发消息
2019/09/27 Python
Python求凸包及多边形面积教程
2020/04/12 Python
keras实现调用自己训练的模型,并去掉全连接层
2020/06/09 Python
Pycharm如何自动生成头文件注释
2020/11/14 Python
html2canvas截图空白问题的解决
2020/03/24 HTML / CSS
美国廉价机票预订网站:Cheapfaremart
2018/04/28 全球购物
5s推行计划书
2014/05/06 职场文书
2015年技术员工作总结
2015/04/10 职场文书
《兰兰过桥》教学反思
2016/02/20 职场文书
MySQL不使用order by实现排名的三种思路总结
2021/06/02 MySQL
使用Redis实现分布式锁的方法
2022/06/16 Redis