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 setTimeout和setInterval 的区别
Dec 08 Javascript
jQuery点击后一组图片左右滑动的实现代码
Aug 16 Javascript
js实现页面转发功能示例代码
Aug 05 Javascript
javascript设计简单的秒表计时器
Sep 05 Javascript
jQuery遍历DOM元素与节点方法详解
Apr 14 Javascript
原生JavaScript实现AJAX、JSONP
Feb 07 Javascript
Vue.js组件tab实现选项卡切换
Mar 23 Javascript
Vue 兄弟组件通信的方法(不使用Vuex)
Oct 26 Javascript
ES6 javascript的异步操作实例详解
Oct 30 Javascript
AngularJs分页插件使用详解
Jun 30 Javascript
详解如何在Vue项目中发送jsonp请求
Oct 25 Javascript
koa2的中间件功能及应用示例
Mar 05 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 批量更新网页内容实现代码
2010/01/05 PHP
jQuery EasyUI 开源插件套装 完全替代ExtJS
2010/03/24 Javascript
getComputedStyle与currentStyle获取样式(style/class)
2013/03/19 Javascript
js的alert弹出框出现乱码解决方案
2013/09/02 Javascript
jQuery(js)获取文字宽度(显示长度)示例代码
2013/12/31 Javascript
jquery的ajax异步请求接收返回json数据实例
2014/06/16 Javascript
javascript实现textarea中tab键的缩排处理方法
2015/06/26 Javascript
AngularJS进行性能调优的7个建议
2015/12/28 Javascript
Bootstrap字体图标无法正常显示的解决方法
2016/10/08 Javascript
利用jQuery解析获取JSON数据
2017/04/08 jQuery
详解react内联样式使用webpack将px转rem
2018/09/13 Javascript
layui点击弹框页面 表单请求的方法
2019/09/21 Javascript
Vue this.$router.push(参数)实现页面跳转操作
2020/09/09 Javascript
[50:38]DOTA2-DPC中国联赛 正赛 Phoenix vs CDEC BO3 第二场 3月7日
2021/03/11 DOTA
Python抓取Discuz!用户名脚本代码
2013/12/30 Python
Python collections模块实例讲解
2014/04/07 Python
Python处理RSS、ATOM模块FEEDPARSER介绍
2015/02/18 Python
详细介绍Python中的偏函数
2015/04/27 Python
python实现用于测试网站访问速率的方法
2015/05/26 Python
python遍历 truple list dictionary的几种方法总结
2016/09/11 Python
Django实战之用户认证(初始配置)
2018/07/16 Python
便捷提取python导入包的属性方法
2018/10/15 Python
Python3安装psycopy2以及遇到问题解决方法
2019/07/03 Python
使用Pandas对数据进行筛选和排序的实现
2019/07/29 Python
Python中__repr__和__str__区别详解
2019/11/07 Python
python写一个随机点名软件的实例
2019/11/28 Python
英国虚拟主机服务商:eUKhost
2016/08/16 全球购物
Linux机考试题
2015/10/16 面试题
钳工实习自我鉴定
2013/09/19 职场文书
大专自我鉴定范文
2013/10/23 职场文书
办公室年终个人自我评价
2013/10/28 职场文书
我的大学生活演讲稿
2014/04/25 职场文书
工地质量标语
2014/06/12 职场文书
退休欢送会致辞
2015/07/31 职场文书
2019入党申请书范文3篇
2019/08/21 职场文书
MySQL 数据丢失排查案例
2021/05/08 MySQL