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筛选器全系列介绍
Aug 27 Javascript
JS注释所产生的bug 即使注释也会执行
Nov 19 Javascript
jquery checkbox实现单选小例
Nov 27 Javascript
关于jQuery中的each方法(jQuery到底干了什么)
Mar 05 Javascript
javascript实现回车键提交表单方法总结
Jan 10 Javascript
如何检测JavaScript的各种类型
Jul 30 Javascript
深入解析js轮播插件核心代码的实现过程
Apr 14 Javascript
微信小程序开发之实现自定义Toast弹框
Jun 08 Javascript
elemetUi 组件--el-upload实现上传Excel文件的实例
Oct 27 Javascript
详解vue 不同环境配置不同的打包命令
Apr 07 Javascript
微信小程序npm引入vant-weapp的踩坑记录
Aug 01 Javascript
原生JS实现九宫格抽奖
Sep 13 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
在PWS上安装PHP4.0正式版
2006/10/09 PHP
PHP mkdir()定义和用法
2009/01/14 PHP
php安全之直接用$获取值而不$_GET 字符转义
2012/06/03 PHP
php替换字符串中间字符为省略号的方法
2015/05/04 PHP
四个常见html网页乱码问题及解决办法
2015/09/08 PHP
php each 返回数组中当前的键值对并将数组指针向前移动一步实例
2016/11/22 PHP
PHP培训要多少钱
2017/06/06 PHP
PHP如何使用JWT做Api接口身份认证的实现
2020/02/03 PHP
YII2框架使用控制台命令的方法分析
2020/03/18 PHP
JavaScript和JQuery实用代码片段(一)
2010/04/07 Javascript
javascript 得到文件后缀名的思路及实现
2020/05/09 Javascript
模拟一个类似百度google的模糊搜索下拉列表
2014/04/15 Javascript
ie8下修改input的type属性报错的解决方法
2014/09/16 Javascript
使用jquery组件qrcode生成二维码及应用指南
2015/02/22 Javascript
基于jQuery的网页影音播放器jPlayer的基本使用教程
2016/03/08 Javascript
Angular.js如何从PHP读取后台数据
2016/03/24 Javascript
jQuery插件echarts实现的单折线图效果示例【附demo源码下载】
2017/03/04 Javascript
ionic2屏幕适配实现适配手机、平板等设备的示例代码
2017/08/11 Javascript
JavaScript数据结构与算法之二叉树实现查找最小值、最大值、给定值算法示例
2019/03/01 Javascript
详解小程序设置缓存并且不覆盖原有数据
2019/04/15 Javascript
vue中如何实现后台管理系统的权限控制的方法步骤
2019/09/05 Javascript
layui监听单元格编辑前后交互的例子
2019/09/16 Javascript
JS实现打砖块游戏
2020/02/14 Javascript
在Python中封装GObject模块进行图形化程序编程的教程
2015/04/14 Python
python实现批量改文件名称的方法
2015/05/25 Python
Pandas删除数据的几种情况(小结)
2019/06/21 Python
Python循环结构的应用场景详解
2019/07/11 Python
Python3 批量扫描端口的例子
2019/07/25 Python
极简的HTML5模版
2015/07/09 HTML / CSS
智能室内花园:Click & Grow
2021/01/29 全球购物
团委竞选演讲稿
2014/04/24 职场文书
政府法律服务方案
2014/06/14 职场文书
工作证明书
2015/06/15 职场文书
大学生自我鉴定怎么写
2019/05/07 职场文书
python实现简易名片管理系统
2021/04/11 Python
AJAX实现省市县三级联动效果
2021/10/16 Javascript