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中的作用域链和闭包
Jun 30 Javascript
JavaScript实现复制内容到粘贴板代码
Mar 31 Javascript
浅谈js常用内置方法和对象
Sep 24 Javascript
js文件中直接alert()中文出来的是乱码的解决方法
Nov 01 Javascript
jquery编写日期选择器
Mar 16 Javascript
解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
Jun 05 Javascript
layer实现关闭弹出层刷新父界面功能详解
Nov 15 Javascript
JS基于贪心算法解决背包问题示例
Nov 27 Javascript
浅谈Vuex注入Vue生命周期的过程
May 20 Javascript
JavaScript对象原型链原理详解
Feb 05 Javascript
javascript事件循环event loop的简单模型解释与应用分析
Mar 14 Javascript
vue 微信分享回调iOS和安卓回调出现错误的解决
Sep 07 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
咖啡与水的关系
2021/03/03 冲泡冲煮
PHP的FTP学习(三)
2006/10/09 PHP
PHP URL地址获取函数代码(端口等) 推荐
2010/05/15 PHP
php空间不支持socket但支持curl时recaptcha的用法
2011/11/07 PHP
php天翼开放平台短信发送接口实现方法
2014/12/22 PHP
利用php操作memcache缓存的基础方法示例
2017/08/02 PHP
javascript window对象属性整理
2009/10/24 Javascript
js跟随滚动条滚动浮动代码
2009/12/31 Javascript
基于jquery的地址栏射击游戏代码
2011/03/10 Javascript
使用jquery 简单实现下拉菜单
2015/01/14 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
2015/03/04 Javascript
jQuery实现默认是闭合的FAQ展开效果菜单
2015/09/14 Javascript
jquery实现仿新浪微博带动画效果弹出层代码(可关闭、可拖动)
2015/10/12 Javascript
JavaScript基础知识之方法汇总结
2016/01/24 Javascript
javascript基础语法——全面理解变量和标识符
2016/06/02 Javascript
AngularJs Understanding the Controller Component
2016/09/02 Javascript
网页中右键功能的实现方法之contextMenu的使用
2017/02/20 Javascript
浅谈webpack下的AOP式无侵入注入
2017/11/12 Javascript
JS+CSS3实现的简易钟表效果示例
2019/04/13 Javascript
解决Vue调用springboot接口403跨域问题
2019/09/02 Javascript
vue之debounce属性被移除及处理详解
2019/11/13 Javascript
Vue+Spring Boot简单用户登录(附Demo)
2020/11/12 Javascript
python实现获取客户机上指定文件并传输到服务器的方法
2015/03/16 Python
Python中的pass语句使用方法讲解
2015/05/14 Python
python:接口间数据传递与调用方法
2018/12/17 Python
Python+unittest+DDT实现数据驱动测试
2020/11/30 Python
Bootstrap 学习分享
2012/11/12 HTML / CSS
用HTML5中的Canvas结合公式绘制粒子运动的教程
2015/05/08 HTML / CSS
美国专业级皮肤病和spa品质护肤品的高级零售网站:SkinCareRx
2017/02/06 全球购物
旷课检讨书2000字
2014/01/14 职场文书
更夫岗位责任制
2014/02/11 职场文书
高考备战决心书
2014/03/11 职场文书
爱岗敬业演讲稿
2014/05/05 职场文书
出国签证在职证明
2014/09/20 职场文书
预备党员入党思想汇报(范文)
2019/08/14 职场文书
如何用python识别滑块验证码中的缺口
2021/04/01 Python