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 调试器简介
Feb 21 Javascript
解决jquery异步按一定的时间间隔刷新问题
Dec 10 Javascript
如何解决Jquery库及其他库之间的$命名冲突
Sep 15 Javascript
解析JavaScript中的不可见数据类型
Dec 02 Javascript
js中reverse函数的用法详解
Dec 26 Javascript
JavaScript获取当前日期是星期几的方法
Apr 06 Javascript
JavaScript和HTML DOM的区别与联系及Javascript和DOM的关系
Nov 15 Javascript
Javascript日期格式化format函数的使用方法
Aug 30 Javascript
ReactJs快速入门教程(精华版)
Nov 28 Javascript
JavaScript表单验证实现代码
May 22 Javascript
微信小程序canvas拖拽、截图组件功能
Sep 04 Javascript
jQuery位置选择器用法实例分析
Jun 28 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
PHP操作MongoDB GridFS 存储文件的详解
2013/06/20 PHP
PHP CURL获取cookies模拟登录的方法
2013/11/04 PHP
php实现最简单的MVC框架实例教程
2014/09/08 PHP
thinkPHP3.2.2框架行为扩展及demo示例
2018/06/19 PHP
php扩展开发入门demo示例
2019/09/23 PHP
一行代码实现纯数据json对象的深度克隆实现思路
2013/01/09 Javascript
推荐8款jQuery轻量级树形Tree插件
2014/11/12 Javascript
浅谈JS日期(Date)处理函数
2014/12/07 Javascript
JavaScript实现Flash炫光波动特效
2015/05/14 Javascript
值得分享的轻量级Bootstrap Table表格插件
2016/05/30 Javascript
老生常谈onBlur事件与onfocus事件(js)
2016/07/09 Javascript
JS在Chrome浏览器中showModalDialog函数返回值为undefined的解决方法
2016/08/03 Javascript
jQuery如何解决IE输入框不能输入的问题
2016/10/08 Javascript
微信小程序开发之大转盘 仿天猫超市抽奖实例
2016/12/08 Javascript
NodeJs安装npm包一直失败的解决方法
2017/04/28 NodeJs
vue2.x集成百度UEditor富文本编辑器的方法
2018/09/21 Javascript
Vue render函数实战之实现tabs选项卡组件
2019/04/22 Javascript
使用Webpack提升Vue.js应用程序的4种方法(翻译)
2019/10/09 Javascript
vue中使用腾讯云Im的示例
2020/10/23 Javascript
在Python中操作列表之list.extend()方法的使用
2015/05/20 Python
详解python之简单主机批量管理工具
2017/01/27 Python
Python实现的计数排序算法示例
2017/11/29 Python
对Python中range()函数和list的比较
2018/04/19 Python
浅谈python编译pyc工程--导包问题解决
2019/03/20 Python
Python装饰器限制函数运行时间超时则退出执行
2019/04/09 Python
Python利用scapy实现ARP欺骗的方法
2019/07/23 Python
pytorch读取图像数据转成opencv格式实例
2020/06/02 Python
通俗易懂了解Python装饰器原理
2020/09/17 Python
详解HTML5 录音的踩坑之旅
2017/12/26 HTML / CSS
Java如何调用外部Exe程序
2015/07/04 面试题
日语翻译个人求职的自我评价
2013/10/14 职场文书
给酒店员工的表扬信
2014/01/11 职场文书
加多宝凉茶广告词
2014/03/18 职场文书
2015年校医个人工作总结
2015/07/24 职场文书
数学备课组工作总结
2015/08/12 职场文书
处世之道:关于真诚相待的名言推荐
2019/12/02 职场文书