js 限制数字 js限制输入实现代码

发布于 2016-12-30 12:25:15 | 186 次阅读 | 评论: 0 | 来源: 网友投递

JavaScript客户端脚本语言

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如Perl，遗留的速度问题，为客户提供更流畅的浏览效果。

在工作中经常会遇到js限制输入方面的要求，本文将详细介绍其实现原理，需要的朋友可以参考下
1.只能输入汉字的

 
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))">

2.只能输入数字的

 
<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

简易禁止输入汉字

 
<input type="text" style="ime-mode:disabled">

输入数字和小数点：

 
onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')"

javascript 只能输入数字和":".2007-11-24 15:50<input type=text id="aa1" onkeyup="this.value=this.value.replace(/[^\d&:]/g,'')" onblur="this.value=this.value.replace(/[^\d&:]/g,'')" onafterpaste="this.value=this.value.replace(/[^\d&:]/g,'')"/>
只能数字和":",例如在输入时间的时候可以用到。

 
<input type=text id="aa" onkeyup="value=value.replace(/[^\w&=]|_/ig,'')" onblur="value=value.replace(/[^\w&=]|_/ig,'')" />

只能输入字母和等号，不能输入汉字。

其它的东西：
只能输入数字的脚本javascript- -

 
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">

上半句意思是键盘键入只能是数字，下半句是粘贴也只能是数字

 
<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}"> 
<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">

3.JavaScript限制只能输入数字和英文

 
function isregname( checkobj) 
{ 
var checkOK = "0123456789-_abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ"; 
var checkStr = checkobj; 
var allValid = true; 
var decPoints = 0; 
for (i = 0; i < checkStr.length; i++) 
{ 
ch = checkStr.charAt(i); 
for (j = 0; j < checkOK.length; j++) 
if (ch == checkOK.charAt(j)) 
break; 
if (j == checkOK.length) 
{ 
allValid = false; 
break; 
} 
} 
return (allValid) 
} 
---------------- 
if(!(isregname(obj.loginname.value))){ 
alert("[会员代号]不符合规范,会员代号只能是英文字母或数字"); 
obj.loginname.focus(); 
return(false); 
} 
if(!(isregname(obj.password.value))){ 
alert("[密码]不符合规范,密码只能是英文字母或数字"); 
obj.password.focus(); 
return(false); 
}

4.javascript只能输入英文和数字的输入框

 
<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

5.可以用Javascript对文本框进行检查，过滤掉非0-9的字符

 
<script language="javascript" event="onkeydown" for="document"> 
　　 if(event.srcElement.name=='TextBox1') 
　　 { 
　　 if(!KeyIsNumber(event.keyCode)) 
　　 { 
　　 return false;//这句话最关键 
　　 } 
　　 } 
　　</script> 
　　<script language="javascript"> 
　　function KeyIsNumber(KeyCode) 
　　{ 
　　 //如果输入的字符是在0-9之间，或者是backspace、DEL键 
　　 if(((KeyCode>47)&&(KeyCode<58))||(KeyCode==8)||(KeyCode==46)) 
　　 { 
　　 return true; 
　　 } 
　　 else 
　　 { 
　　 return false; 
　　 } 
　　} 
　　</script>[url=http://blog.csdn.net/xujh/admin/EditPosts.aspx][/url]

6.限制在文本框里面只能输入IP地址格式

 
<HTML> 
<head> 
<meta http-equiv="Content-Type" content="text/HTML; charset=gb2312"> 
<meta name="GENERATOR" content="Microsoft FrontPage 4.0"> 
<meta name="ProgId" content="FrontPage.Editor.Document"> 
<style> 
.a3{width:30;border:0;text-align:center} 
</style> 
<script> 
function mask(obj){ 
obj.value=obj.value.replace(/[^\d]/g,'') 
key1=event.keyCode 
if (key1==37 || key1==39) 
{ obj.blur(); 
nextip=parseInt(obj.name.substr(2,1)) 
nextip=key1==37?nextip-1:nextip+1; 
nextip=nextip>=5?1:nextip 
nextip=nextip<=0?4:nextip 
eval("ip"+nextip+".focus()") 
} 
if(obj.value.length>=3) 
if(parseInt(obj.value)>=256 || parseInt(obj.value)<=0) 
{ 
alert(parseInt(obj.value)+"IP地址错误！") 
obj.value="" 
obj.focus() 
return false; 
} 
else 
{ obj.blur(); 
nextip=parseInt(obj.name.substr(2,1))+1 
nextip=nextip>=5?1:nextip 
nextip=nextip<=0?4:nextip 
eval("ip"+nextip+".focus()") 
} 
} 
function mask_c(obj) 
{ 
clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,'')) 
} 
</script> 
<title>IP地址输入</title> 
</head> 
<body>IP地址输入 
<div style="border-width:1;border-color:balck;border-style:solid;width:165;font-size:9pt"> 
<input type=text name=ip1 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>. 
<input type=text name=ip2 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>. 
<input type=text name=ip3 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()>. 
<input type=text name=ip4 maxlength=3 class=a3 onkeyup="mask(this)" onbeforepaste=mask_c()> 
</div> 
</body> 
</HTML>

js 限制数字 js限制输入实现代码

JavaScript客户端脚本语言

后端技术

前端技术

数据库

热门框架

常用IDE

其他