让表单 input 只能输入数字

来源:asp之家 时间:2008-06-08 13:54:00 

 有时候我们在设计表单的时候不希望用户输入其它字符,只想他在input中输入数字,那么我们就可以使用下面的代码,当然这个比较是客户端的验证,最好还要在asp服务器端增加验证代码。asp服务器端验证是否数字很简单:使用IsNumeric() 函数判断即可。

任意数字:

 一段JS,代码如下: 

   <script> 
    function regInput(obj, reg, inputStr) 
    { 
    var docSel = document.selection.createRange() 
    if (docSel.parentElement().tagName != "INPUT") return false 
    oSel = docSel.duplicate() 
    oSel.text = "" 
    var srcRange = obj.createTextRange() 
    oSel.setEndPoint("StartToStart", srcRange) 
    var str = oSel.text + inputStr + srcRange.text.substr(oSel.text.length) 
    return reg.test(str) 
    } 
   </script> 

 在要加以限制的input中加入以下代码:

   <input onkeypress="return regInput(this,/^[0-9]*$/,String.fromCharCode(event.keyCode))" onpaste="return regInput(this,/^[0-9]*$/,window.clipboardData.getData('Text'))" ondrop="return regInput(this,/^[0-9]*$/,event.dataTransfer.getData('Text'))"> 
标签:数字,input,表单
0
投稿

猜你喜欢

  • FCKeditor编辑器基本配置优化修改使用方法

    2008-12-31 13:32:00
  • 简单方法实现网页自动适应任何分辨率任何窗口大小

    2008-09-13 19:28:00
  • 简化翻页提升可用性

    2009-03-28 11:52:00
  • 简析 IOS 程序图标的设计

    2011-04-28 09:39:00
  • 发一个自己用的JS框架(试用版^_^)

    2011-09-11 18:53:24
  • ASP与MySQL的连接[图文教程]

    2010-03-14 11:21:00
  • 瞎扯之Web导航

    2009-03-18 19:32:00
  • Javascript:window对象出身何处

    2007-08-28 15:16:00
  • asp按关键字查询XML的代码

    2011-04-21 11:10:00
  • Asp定时执行操作、各种网页定时操作详解

    2008-06-10 17:32:00
  • php基础字符串与数组知识点讲解

    2023-05-25 08:28:14
  • FrontPage XP设计教程5——表单的设计

    2008-10-11 12:35:00
  • 内容,而不是Chrome

    2008-10-16 13:43:00
  • sqlserver数据库主键的生成方式小结(sqlserver,mysql)

    2012-08-21 10:25:45
  • 程序员的七种武器

    2008-11-01 17:13:00
  • 教你快速掌握怎样在Windows下升级MySQL

    2008-12-31 17:08:00
  • asp OpenTextFile文本读取与写入实例代码

    2011-04-15 11:00:00
  • asp事务处理的另外一个方法

    2010-05-27 12:18:00
  • 巧用Dreamweaver MX设计导航栏特效

    2009-07-10 13:17:00
  • IE6下的CSS BUG枚举

    2010-06-11 10:45:00
  • asp之家 网络编程 m.aspxhome.com