网络编程
位置：首页>> 网络编程>> JavaScript>> 让表单 input 只能输入数字

让表单 input 只能输入数字

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

标签：数字,input,表单

 有时候我们在设计表单的时候不希望用户输入其它字符，只想他在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'))"> 
0
投稿

猜你喜欢

手机版 网络编程 asp之家 www.aspxhome.com