首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

javascript奇效:只能输入数字

2012-10-18 
javascript特效:只能输入数字html xmlns http://www.w3.org/1999/xhtml xml:langen langenhea

javascript特效:只能输入数字

<html xmlns=" http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
?<!-- Created by TopStyle Pro Trial Version -? www.bradsoft.com -->
?<title></title>
?
</head>

<body>
<script type="text/javascript">?
// 说明 : 用 Javascript 实现只能输入数字的文本框
// 整理 : CodeBit.cn (? http://www.CodeBit.cn )
?function checkNumber(e) {????
?var key = window.event ? e.keyCode : e.which;???
? var keychar = String.fromCharCode(key);????
? var el = document.getElementById('test');????
? var msg = document.getElementById('msg');????? reg = /\d/;???
?? var result = reg.test(keychar);???
? if(!result)? {?? el.className = "warn";????????? msg.innerHTML = "只能输入数字";????????
? return false; }????
? else? {?????????
? el.className = "";????????? msg.innerHTML = "";???????? return true;???
?? }
?? }?
? </script>?
?<div id="test">

???? 请输入数字:<input type="text" onkeypress="return checkNumber(event);" />
??? <span id="msg"></span>
</div>

</body>
?

?

热点排行
Bad Request.