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 Perfection kill 测试及答案
Mar 23 Javascript
jQuery 学习第七课 扩展jQuery的功能 插件开发
May 17 Javascript
基于jquery的图片的切换(以数字的形式)
Feb 14 Javascript
Javascript MVC框架Backbone.js详解
Sep 18 Javascript
javascript事件模型实例分析
Jan 30 Javascript
Highcharts学习之数据列
Aug 03 Javascript
js正则表达式注册页面表单验证
Oct 11 Javascript
JQ中$(window).load和$(document).ready区别与执行顺序
Mar 01 Javascript
JS监控关闭浏览器操作的实例详解
Sep 12 Javascript
详解vuex commit保存数据技巧
Dec 25 Javascript
angular 用Observable实现异步调用的方法
Dec 27 Javascript
JavaScript装箱及拆箱boxing及unBoxing用法解析
Jun 15 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编写和读取XML的几种方式
2013/01/12 PHP
PHP设置一边执行一边输出结果的代码
2013/09/30 PHP
php绘图之在图片上写中文和英文的方法
2015/01/24 PHP
php微信开发之批量生成带参数的二维码
2016/06/26 PHP
Yii实现复选框批量操作实例代码
2017/03/15 PHP
JavaScript中的Document文档对象
2008/01/16 Javascript
深入理解Javascript中的循环优化
2013/11/09 Javascript
js判断字符长度及中英文数字等
2014/03/19 Javascript
使用jquery解析XML的方法
2014/09/05 Javascript
jQuery实现checkbox全选的方法
2015/06/10 Javascript
JS使用JSON作为参数实例分析
2016/06/23 Javascript
AngularJS ng-bind 指令简单实现
2016/07/30 Javascript
Javascript将字符串日期格式化为yyyy-mm-dd的方法
2016/10/27 Javascript
JQuery Dialog对话框 不能通过Esc关闭的原因分析及解决办法
2017/01/18 Javascript
详解如何创建并发布一个 vue 组件
2018/11/08 Javascript
Vue项目报错:Uncaught SyntaxError: Unexpected token
2018/11/10 Javascript
js简单遍历获取对象中的属性值的方法示例
2019/06/19 Javascript
node.js express框架实现文件上传与下载功能实例详解
2019/10/15 Javascript
微信小程序实现弹幕墙(祝福墙)
2020/11/18 Javascript
Python读取图片属性信息的实现方法
2016/09/11 Python
Python实现定时精度可调节的定时器
2018/04/15 Python
Python 判断文件或目录是否存在的实例代码
2018/07/19 Python
Python3.4 splinter(模拟填写表单)使用方法
2018/10/13 Python
在python中实现同行输入/接收多个数据的示例
2019/07/20 Python
Pytorch生成随机数Tensor的方法汇总
2020/09/09 Python
python 实现socket服务端并发的四种方式
2020/12/14 Python
全球地下的服装和态度:Slam Jam
2018/02/04 全球购物
30年同学聚会邀请函
2014/01/25 职场文书
环保倡议书500字
2014/05/15 职场文书
2014镇副书记群众路线专题民主生活会思想汇报
2014/09/23 职场文书
师德师风自查总结
2014/10/14 职场文书
财务个人年度总结范文
2015/02/26 职场文书
2015年大学社团工作总结
2015/04/09 职场文书
2015年党总支工作总结
2015/05/25 职场文书
2015年领导干部廉洁自律工作总结
2015/05/26 职场文书
SpringBoot项目中控制台日志的保存配置操作
2021/06/18 Java/Android