学习网考试学习资料

Gzu521.com

超级实用的几种表单校验效果收集(1)

Javascript教程   点击:次   发布时间:2007-4-25   【字体: 】   来源:Gzu521.com
贵 州 学 习 网
只能是写限定的东西   

   

程序代码:   

   

enter键可以让光标移到下一个输入框   


<input onkeydown=’if(event.keycode==13)event.keycode=9’ >   


只能是中文 <input onkeyup=’value=value.replace(/[ -~]/g,’’)’ onkeydown=’if(event.keycode==13)event.keycode=9’>   


   

只能是英文和数字.屏蔽了输入法 <input style=’ime-mode:disabled’ onkeydown=’if(event.keycode==13)event.keycode=9’>   


   

只能输入英文和数字 <input onkeyup=’value=value.replace(/[\w]/g,’’) ’onbeforepaste=’clipboarddata.setdata(’text’,clipboarddata.getdata(’text’).replace(/[^\d]/g,’’))’ onkeydown=’if(event.keycode==13)event.keycode=9’>   


只能是数字 <input onkeyup=’value=value.replace(/[^\d]/g,’’) ’onbeforepaste=’clipboarddata.setdata(’text’,clipboarddata.getdata(’text’).replace(/[^\d]/g,’’))’>   


只能显示,不能修改的文本框 <input readonly value=’只能显示,不能修改’>   

*************************************************************   

   

   

只能是数字,判断按键   

   

程序代码:<script language=Javascript>  
function onlynum()  
{  
if(!((event.keycode>=48&&event.keycode<=57)||(event.keycode>=96&&event.keycode<=105)||(event.keycode==8)))  
event.returnvalue=false;  
}  
</script>  
<input onkeydown=’onlynum();’>   

*************************************************************   

附:获取键盘的keycode   

程序代码:<html>  
<head>  
<script language=’JavaScript’>  
ns4 = (document.layers) ? true : false;  
ie4 = (document.all) ? true : false;  
function keydown(e){  
if(ns4){  
var nkey=e.which;  
var iekey=’现在是ns浏览器’;  
var realkey=string.fromcharcode(e.which);  
}  
if(ie4){  
var iekey=event.keycode;  
var nkey=’现在是ie浏览器’;  
var realkey=string.fromcharcode(event.keycode);  
if(event.keycode==32){realkey=’\’ 空格\’’}  
if(event.keycode==13){realkey=’\’ 回车\’’}  
if(event.keycode==27){realkey=’\’ esc\’’}  
if(event.keycode==16){realkey=’\’ shift\’’}  
if(event.keycode==17){realkey=’\’ ctrl\’’}  
if(event.keycode==18){realkey=’\’ alt\’’}  
}  
alert(’ns浏览器中键值:’+nkey+’\n’+’ie浏览器中键值:’+iekey+’\n’+’实际键为’+realkey);  
}  
document.onkeydown = keydown;  
if(ns4){  
document.captureevents(event.keydown);}  
</script>  
</head>  
<body>  
//javascript document.  
<hr>  
<center>  
<h3>请按任意一个键。。。。</h3>  
</center>  
</body>  
</html>   

限制网页用键盘   

   

程序代码:   


<body onkeydown=’alert(’禁用’);return false;’>   

限制键盘的某个键:body onkeydown=’if(event.keycode==num){alert(’禁用’);return false;}   

   

   

   

再加个找按键的值   

   

程序代码:<script>  
function show(){  
alert(’ascii代码是:’+event.keycode);  
}  
</script>  
<body onkeydown=’show()’>   

*************************************************************   

   

只能是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>   

*************************************************************   

   

用#default#savehistory防止后退清空text文本框   

   

程序代码:  
<html>  
<head>  
<meta name=’save’ content=’history’>  
<style>  
.savehistory {behavior:url(#default#savehistory);}  
</style>  
</head>  
<body>  
<input class=savehistory type=text id=opersistinput>  
<input type=button onclick=’javascript:location.href=’http://www.cnbruce.com/red/’’ value=’点击进入,再按后退键试试?’>  
</body>  
</html>   

*************************************************************   

textarea自适应文字行数的多少   

   

程序代码:   


<textarea rows=1 name=s1 cols=27 onpropertychange=’this.style.posheight=this.scrollheight’>   

*************************************************************   

   

下一页
本文共4页: 第 [1] [2] [3] [4]

责任编辑:gzu521

网页设计分类
HTML教程
CSS教程
Javascript教程
Dreamweaver教程
FrontPages教程
FireWorks教程
Flash教程
PhotoShop教程
建站知识
分类推荐信息
更多...
大类最新文章
更多...