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实现简单的拖拽效果实例兼容所有主流浏览器(优化篇)
Jun 28 Javascript
Javascript this 关键字 详解
Oct 22 Javascript
JavaScript组合拼接字符串的效率对比测试
Nov 06 Javascript
js判断当前页面用什么浏览器打开的方法
Jan 06 Javascript
AngularJs 弹出模态框(model)
Apr 07 Javascript
微信小程序 在Chrome浏览器上运行以及WebStorm的使用
Sep 27 Javascript
javascript数据结构中栈的应用之符号平衡问题
Apr 11 Javascript
解决vue-cli3 使用子目录部署问题
Jul 19 Javascript
Koa代理Http请求的示例代码
Oct 10 Javascript
JS实现的小火箭发射动画效果示例
Dec 08 Javascript
原生JS实现留言板功能
Feb 08 Javascript
vue-cropper组件实现图片切割上传
May 27 Vue.js
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 skymvc 一款轻量、简单的php
2011/06/28 PHP
PHP异常Parse error: syntax error, unexpected T_VAR错误解决方法
2014/05/06 PHP
PHP下SSL加密解密、验证、签名方法(很简单)
2020/06/28 PHP
Zend Framework教程之Bootstrap类用法概述
2016/03/14 PHP
详解PHP的Yii框架中的Controller控制器
2016/03/29 PHP
java微信开发之上传下载多媒体文件
2016/06/24 PHP
JavaScript内核之基本概念
2011/10/21 Javascript
jQuery学习笔记 操作jQuery对象 CSS处理
2012/09/19 Javascript
javascript向flash swf文件传递参数值注意细节
2012/12/11 Javascript
js实现的折叠导航示例
2013/11/29 Javascript
JavaScript程序员应该知道的45个实用技巧
2014/03/04 Javascript
js 动态修改css文件用到了cssRule
2014/08/20 Javascript
3种vue路由传参的基本模式
2018/02/22 Javascript
JS实现快递单打印功能【推荐】
2018/06/21 Javascript
element-ui 时间选择器限制范围的实现(随动)
2019/01/09 Javascript
Vue 理解之白话 getter/setter详解
2019/04/16 Javascript
JavaScript常用工具函数汇总(浏览器环境)
2020/09/17 Javascript
Python multiprocessing.Manager介绍和实例(进程间共享数据)
2014/11/21 Python
Python使用tablib生成excel文件的简单实现方法
2016/03/16 Python
基于Django与ajax之间的json传输方法
2018/05/29 Python
浅谈PYTHON 关于文件的操作
2019/03/19 Python
Python数据分析pandas模块用法实例详解
2019/11/20 Python
Python如何使用函数做字典的值
2019/11/30 Python
基于python traceback实现异常的获取与处理
2019/12/13 Python
详解python环境安装selenium和手动下载安装selenium的方法
2020/03/17 Python
python基本算法之实现归并排序(Merge sort)
2020/09/01 Python
HTML5 Canvas基本线条绘制的实例教程
2016/03/17 HTML / CSS
Derek Rose官网:英国高档睡衣、家居服和内衣品牌
2020/01/18 全球购物
网吧收银员岗位职责
2013/12/14 职场文书
小学开学典礼主持词
2014/03/19 职场文书
加强干部作风建设整改方案
2014/10/24 职场文书
2015入党个人自传范文
2015/06/26 职场文书
表彰大会新闻稿
2015/07/17 职场文书
为自由献出你的心脏!「进击的巨人展 FINAL」2022年6月在台开展
2022/04/13 日漫
Java由浅入深通关抽象类与接口(下篇)
2022/04/26 Java/Android
macos系统如何实现微信双开? mac登录两个微信以上微信的技巧
2022/07/23 数码科技