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阻止事件冒泡代码
Jul 09 Javascript
JavaScript 判断一个对象{}是否为空对象的简单方法
Oct 09 Javascript
Servlet实现文件上传,可多文件上传示例
Dec 05 Javascript
JS中静态页面实现微信分享功能
Feb 06 Javascript
js 原生判断内容区域是否滚动到底部的实例代码
Nov 15 Javascript
vue学习教程之带你一步步详细解析vue-cli
Dec 26 Javascript
基于substring()和substr()的使用以及区别(实例讲解)
Dec 28 Javascript
使用webpack-dev-server处理跨域请求的方法
Apr 18 Javascript
JavaScript实现的反序列化json字符串操作示例
Jul 18 Javascript
在Vue中获取自定义属性方法:data-id的实例
Sep 09 Javascript
解决idea开发遇到javascript动态添加html元素时中文乱码的问题
Sep 29 Javascript
element中table高度自适应的实现
Oct 21 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
玩转图像函数库―常见图形操作
2006/09/03 PHP
PHP四舍五入精确小数位及取整
2014/01/14 PHP
模板引擎smarty工作原理以及使用示例
2014/05/25 PHP
PHP+MySQL实现消息队列的方法分析
2018/05/09 PHP
浅谈PHP SHA1withRSA加密生成签名及验签
2019/03/18 PHP
php session_decode函数用法讲解
2019/05/26 PHP
ThinkPHP 5 AJAX跨域请求头设置实现过程解析
2020/10/28 PHP
bcastr2.0 通用的图片浏览器
2006/11/22 Javascript
javascript cookies操作集合
2010/04/12 Javascript
node.js学习总结之调式代码的方法
2014/06/25 Javascript
vue.js入门教程之计算属性
2016/09/01 Javascript
angular1配合gulp和bower的使用教程
2018/01/19 Javascript
Element-UI+Vue模式使用总结
2020/01/02 Javascript
[41:52]2018DOTA2亚洲邀请赛3月29日小组赛B组Effect VS Secret
2018/03/30 DOTA
Python使用django获取用户IP地址的方法
2015/05/11 Python
Python使用reportlab将目录下所有的文本文件打印成pdf的方法
2015/05/20 Python
常见的python正则用法实例讲解
2016/06/21 Python
python 简单的绘图工具turtle使用详解
2017/06/21 Python
Python科学画图代码分享
2017/11/29 Python
解决pandas 作图无法显示中文的问题
2018/05/24 Python
Ubuntu下Python2与Python3的共存问题
2018/10/31 Python
Python中xml和json格式相互转换操作示例
2018/12/05 Python
flask 实现token机制的示例代码
2019/11/07 Python
有趣的流行文化T恤、马克杯、手机壳和更多:Look Human
2019/01/07 全球购物
屈臣氏越南官网:Watsons越南
2021/01/14 全球购物
教学器材管理制度
2014/01/26 职场文书
30年同学聚会感言
2014/01/30 职场文书
社区务虚会发言材料
2014/10/20 职场文书
2014年科普工作总结
2014/12/06 职场文书
成本会计岗位职责
2015/02/03 职场文书
老公保证书怎么写
2015/02/26 职场文书
公司车队管理制度
2015/08/04 职场文书
如何利用map实现Nginx允许多个域名跨域
2021/03/31 Servers
Redis Cluster集群动态扩容的实现
2021/07/15 Redis
Win11 BitLocker 驱动器加密
2022/04/19 数码科技
MySQL 数据库 增删查改、克隆、外键 等操作
2022/05/11 MySQL