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 相关文章推荐
一段好玩的JavaScript代码
Dec 01 Javascript
js获取checkbox值的方法
Jan 28 Javascript
在Javascript中处理数组之toSource()方法的使用
Jun 09 Javascript
EasyUI Pagination 分页的两种做法小结
Jul 09 Javascript
Bootstrap CSS布局之按钮
Dec 17 Javascript
微信小程序中显示html格式内容的方法
Apr 25 Javascript
jQuery EasyUI tree增加搜索功能的实现方法
Apr 27 jQuery
Angular2 之 路由与导航详细介绍
May 26 Javascript
vue源码学习之Object.defineProperty 对数组监听
May 30 Javascript
微信小程序image图片加载完成监听
Aug 31 Javascript
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
May 29 jQuery
jQuery实现带进度条的轮播图
Sep 13 jQuery
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
实现 win2003 下 mysql 数据库每天自动备份
2006/12/06 PHP
php图片加中文水印实现代码分享
2012/10/31 PHP
最新版本PHP 7 vs HHVM 多角度比较
2016/02/14 PHP
PHP解耦的三重境界(浅谈服务容器)
2017/03/13 PHP
ThinkPHP3.1.x修改成功与失败跳转页面的方法
2017/09/29 PHP
HR vs CL BO3 第二场 2.13
2021/03/10 DOTA
jQuery使用数组编写图片无缝向左滚动
2012/12/11 Javascript
jquery map方法使用示例
2014/04/23 Javascript
深入理解JavaScript系列(39):设计模式之适配器模式详解
2015/03/04 Javascript
JS基于MSClass和setInterval实现ajax定时采集信息并滚动显示的方法
2016/04/18 Javascript
IE8兼容Jquery.validate.js的问题
2016/12/01 Javascript
Bootstrap按钮组简单实现代码
2017/03/06 Javascript
Django使用多数据库的方法
2017/09/06 Javascript
React降级配置及Ant Design配置详解
2018/12/27 Javascript
vue实现微信浏览器左上角返回按钮拦截功能
2020/01/18 Javascript
js实现随机圆与矩形功能
2020/10/29 Javascript
使用TS来编写express服务器的方法步骤
2020/10/29 Javascript
vue祖孙组件之间的数据传递案例
2020/12/07 Vue.js
[02:33]DOTA2亚洲邀请赛趣味视频之吐真话筒
2018/03/31 DOTA
Pthon批量处理将pdb文件生成dssp文件
2015/06/21 Python
Python如何读取MySQL数据库表数据
2017/03/11 Python
Django 多语言教程的实现(i18n)
2018/07/07 Python
Python拼接字符串的7种方法总结
2018/11/01 Python
运用Python的webbrowser实现定时打开特定网页
2019/02/21 Python
python机器学习包mlxtend的安装和配置详解
2019/08/21 Python
Python如何使用字符打印照片
2020/01/03 Python
Pytorch实现神经网络的分类方式
2020/01/08 Python
PyTorch之nn.ReLU与F.ReLU的区别介绍
2020/06/27 Python
HTML5 Canvas实现文本对齐的方法总结
2016/03/24 HTML / CSS
html5.2 dialog简介详解
2018/02/27 HTML / CSS
remote接口和home接口主要作用
2013/05/15 面试题
大班幼儿评语大全
2014/04/30 职场文书
2014年后勤管理工作总结
2014/12/01 职场文书
中学生思想品德评语
2014/12/31 职场文书
装修安全责任协议书
2016/03/22 职场文书
微信小程序中wxs文件的一些妙用分享
2022/02/18 Javascript