JS 屏蔽非数字字符的输入

来源:未知 责任编辑:责任编辑 发表时间:2014-01-06 18:18 点击:

为了避免无效数据的另一种方法是在用户录入数据时 对无效输入进行屏蔽, 例如在输入银行卡号时, 要求用户必须输入数字, 当用户输入非数字字符是,给出提示。

下面给出代码:


[html] <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>屏蔽 非数字字符的输入</title> 
<style> 
body{ font:10px; } 
span{ color:red; } 
</style> 
<script> 
function is_number(e){ 
    //IE 中 Event 对象使用 keyCode 获得键入字符的 Unicode 编码 
    //DOM 中 Event 对象 使用 charCode 获得键入字符的 Unicode 编码 
    var char_code = e.charCode ? e.charCode : e.keyCode; 
    //Unicode 编码中, 0~9 的编码的十进制 是 48~57 之间 , 0为 48, 9 为57 
    if(char_code<48 || char_code >57){ 
        alert("只允许输入数字");    
        return false; 
    } 
    else{ 
        return true;     
    } 

</script> 
</head> 
 
<body> 
<form name="user_info" method="post"> 
<table width="400" height="1" border="0" cellpadding="0" cellspacing="0"> 
  <tr> 
      <td align="right">用户名:</td> 
      <td align="left"><input type="text" name="user_name" size="15" /><span>*</span></td> 
  </tr> 
  <tr> 
      <td align="right">密码:</td> 
      <td align="left"><input type="password"  name="user_pwd" size="15" /><span>*</span></td> 
  </tr> 
  <tr> 
      <td align="right">银行帐号:</td> 
      <td align="left"><input type="text" name="user_account_no" size="15" onkeypress="return is_number(event)" /><span>*</span></td> 
  </tr> 
  <tr> 

发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码:点击我更换图片
最新评论 更多>>

推荐热点

  • Gb2312转utf-8编码的方法(vbs+js)
  • 如何使用Ajax技术开发Web应用程序(1)
  • js跳转路径问题
  • JavaScript模仿桌面窗口
  • 用js检测两个线段是否相交
  • 我知道的JavaScript -- 设计模式(桥接)应用之 – 验证器
  • 运用JavaScript构建你的第一个Metro式应用程序(on Windows
  • 我是如何去了解jquery的(六),案例之幻灯片轮换
  • Jquery封装幻灯片效果
网站首页 - 友情链接 - 网站地图 - TAG标签 - RSS订阅 - 内容搜索
Copyright © 2008-2015 计算机技术学习交流网. 版权所有

豫ICP备11007008号-1