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 相关文章推荐
js操作IE浏览器弹出浏览文件夹可以返回目录路径
Jul 14 Javascript
Javascript简单改变表单元素背景的方法
Jul 15 Javascript
JavaScript里 ==与===区别详解
Aug 16 Javascript
JavaScript中数组slice和splice的对比小结
Sep 22 Javascript
JavaScript中捕获与冒泡详解及实例
Feb 03 Javascript
vue拦截器Vue.http.interceptors.push使用详解
Apr 22 Javascript
js轮播图无缝滚动效果
Jun 17 Javascript
node跨域转发 express+http-proxy-middleware的使用
May 31 Javascript
Vue中的vue-resource示例详解
Nov 02 Javascript
详解VUE单页应用骨架屏方案
Jan 17 Javascript
Vue v-for循环之@click点击事件获取元素示例
Nov 09 Javascript
详解js创建对象的几种方式和对象方法
Mar 01 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部分常见问题总结
2008/03/27 PHP
php中通过curl smtp发送邮件
2012/06/05 PHP
PHP实现的简易版图片相似度比较
2015/01/07 PHP
PHP加密解密函数详解
2015/10/28 PHP
PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例
2020/08/17 PHP
laravel如何开启跨域功能示例详解
2017/08/31 PHP
php版本CKEditor 4和CKFinder安装及配置方法图文教程
2019/06/05 PHP
form中限制文本字节数js代码
2007/06/10 Javascript
javascript中使用正则计算中文长度的例子
2014/04/29 Javascript
Node.js node-schedule定时任务隔多少分钟执行一次的方法
2015/02/10 Javascript
详解JavaScript中的异常处理方法
2015/06/16 Javascript
jQuery随手笔记之常用的jQuery操作DOM事件
2015/11/29 Javascript
JS简单循环遍历json数组的方法
2016/04/22 Javascript
react-router JS 控制路由跳转实例
2017/06/15 Javascript
详解Vue + Vuex 如何使用 vm.$nextTick
2017/11/20 Javascript
Vue登录主页动态背景短视频制作
2019/09/21 Javascript
vue 使用v-for进行循环的实例代码详解
2020/02/19 Javascript
[56:29]Secret vs Optic 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
pymssql ntext字段调用问题解决方法
2008/12/17 Python
python聊天程序实例代码分享
2013/11/18 Python
Python中的错误和异常处理简单操作示例【try-except用法】
2017/07/25 Python
python装饰器实例大详解
2017/10/25 Python
python爬取网页转换为PDF文件
2018/06/07 Python
python3+selenium实现qq邮箱登陆并发送邮件功能
2019/01/23 Python
python 安装impala包步骤
2020/03/28 Python
Django 实现 Websocket 广播、点对点发送消息的代码
2020/06/03 Python
医学毕业生自荐信
2013/10/11 职场文书
护理毕业生自我鉴定
2014/02/11 职场文书
住房抵押登记委托书
2014/09/27 职场文书
史上最牛的辞职信
2015/02/28 职场文书
化工厂员工工作总结
2015/10/15 职场文书
《假如》教学反思
2016/02/17 职场文书
《童年的发现》教学反思
2016/02/18 职场文书
Nginx实现会话保持的两种方式
2022/03/18 Servers
《帝国时代4》赛季预告 新增内容编译器可创造地图
2022/04/03 其他游戏
MySQL 自动填充 create_time 和 update_time
2022/05/20 MySQL