超级实用的几种表单校验效果收集-Java基础-Java-编程开发

最新推荐文章于 2021-10-28 14:57:50 发布

原创最新推荐文章于 2021-10-28 14:57:50 发布 · 271 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#input #浏览器 #google #javascript #输入法 #ie

本文介绍了如何使用JavaScript限制HTML输入框的内容类型，包括仅允许中文、英文、数字及特定字符输入的方法，并提供了通过键盘事件判断及处理输入的示例代码。

只能是写限定的东西

程序代码：

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>

[1] [2] [3] [4] [5]