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 弹出窗体点击按钮返回选择数据的实现
Apr 01 Javascript
jquery和ajax的关系详细介绍
Nov 29 Javascript
七个很有意思的PHP函数
May 12 Javascript
深入分析原生JavaScript事件
Dec 29 Javascript
深入理解Java线程编程中的阻塞队列容器
Dec 07 Javascript
使用Sticky组件实现带sticky效果的tab导航和滚动导航的方法
Mar 22 Javascript
JavaScript用200行代码制作打飞机小游戏实例
Jun 21 Javascript
JS时间控制实现动态效果的实例讲解
Jul 31 Javascript
jQuery实现的上传图片本地预览效果简单示例
Mar 29 jQuery
解决Vue axios post请求,后台获取不到数据的问题方法
Aug 11 Javascript
使用kbone解决Vue项目同时支持小程序问题
Nov 08 Javascript
如何在JavaScript中等分数组的实现
Dec 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
超神学院:天使彦公认最美的三个视角,网友:我的天使快下凡吧!
2020/03/02 国漫
东芝TOSHIBA RP-F11电路分析
2021/03/02 无线电
我的论坛源代码(八)
2006/10/09 PHP
PHP如何将XML转成数组
2016/04/04 PHP
PHP实现的基于单向链表解决约瑟夫环问题示例
2017/09/30 PHP
php上传后台无法收到数据解决方法
2019/10/28 PHP
Laravel 验证码认证学习记录小结
2019/12/20 PHP
关于this和self的使用说明
2010/08/01 Javascript
基于Jquery的表格隔行换色,移动换色,点击换色插件
2010/12/22 Javascript
JavaScript(js)设置默认输入焦点(focus)
2012/12/28 Javascript
javascript写的一个模拟阅读小说的程序
2014/04/04 Javascript
AngularJS入门教程之学习环境搭建
2014/12/06 Javascript
jQuery+css3实现文字跟随鼠标的上下抖动
2015/07/31 Javascript
详解Webwork中Action 调用的方法
2016/02/02 Javascript
全面解析Javascript无限添加QQ好友原理
2016/06/15 Javascript
JS实现兼容火狐及IE iframe onload属性的遮罩层隐藏及显示效果
2016/08/23 Javascript
js实现楼层导航功能
2017/02/23 Javascript
利用n工具轻松管理Node.js的版本
2017/04/21 Javascript
解决vue router使用 history 模式刷新后404问题
2017/07/19 Javascript
微信小程序开发之好友列表字母列表跳转对应位置
2017/09/26 Javascript
nodejs调取微信收货地址的方法
2017/12/20 NodeJs
用vuex写了一个购物车H5页面的示例代码
2018/12/04 Javascript
Vue通过配置WebSocket并实现群聊功能
2019/12/31 Javascript
Python牛刀小试密码爆破
2011/02/03 Python
Python httplib模块使用实例
2015/04/11 Python
python实现机械分词之逆向最大匹配算法代码示例
2017/12/13 Python
python如何实现内容写在图片上
2018/03/23 Python
python3第三方爬虫库BeautifulSoup4安装教程
2018/06/19 Python
Python基于opencv调用摄像头获取个人图片的实现方法
2019/02/21 Python
pyqt5 实现在别的窗口弹出进度条
2019/06/18 Python
Python Django基础二之URL路由系统
2019/07/18 Python
自行车租赁公司创业计划书
2014/01/28 职场文书
校园元旦活动总结
2014/07/09 职场文书
周年庆典答谢词
2015/01/20 职场文书
财务统计员岗位职责
2015/04/14 职场文书
2015年电气技术员工作总结
2015/07/24 职场文书