js禁止小鍵盤輸入數字功能源碼,js控制input只能輸入數字

本文目錄一覽：

• 1、js中怎樣控制不滿足條件時不讓鍵盤輸入
• 2、如何禁止js表單輸入主鍵盤0-9上面的符號。
• 3、如何用js 代碼禁用鍵盤某個按鍵

js中怎樣控制不滿足條件時不讓鍵盤輸入

最經典的實現字符數控制的方案

當我們在ASP.NET開發時，經常會遇到一個頭疼的問題：字符數的控制

由於數據庫的字段長度是固定的，因此在進行字符輸入時，最關鍵的就是控制字符的個數不能超過字段的長度，要不然，一個個異常會讓人瘋掉的。

對於單行文本框，不管是HTML控件還是Web控件，我們經常會使用MaxLength來控制，但這種控制無法控制到中文字符，即MaxLength=50的控制，可以輸入50個英文與50個中文，這樣的話，還是會導致中文字符數的溢出。

對於多行文本框，那就更慘了，使用MaxLenth根本不起作用的。

下面提供的方案優勢：

1)最佳的方法是在文本框中輸入時，控制到最大字數，超過時不能進行輸入;

2)對於粘帖的情況也要能兼容，以前網上的方法不能控制到paste的情況;

3)對於最後的一個中文字符，寧願捨去也不能多一個字符，比如50的字符數，在第49個時，最後輸入一個中文，會導致最終字數為51,而這種情況，推薦是不能輸入中文，保證最終的字符數=50最佳，因為放棄一個中文字符總比數據庫報錯要好吧。

4)為了提高開發效率，儘可能的減少代碼量,此方案不需要為文本框添加任何事件，而是由腳本塊自己解決，因此只需要把腳本塊飲包含到頁面中就可以了，這應該是相當方便了吧

完善版修改：由於前一個方案中，一些輸入法無法激活onpress事件，導致對於中文的不支持，現在採用onkeyup事件處理，在處理方式上也進行了修改，原來的onpress事件是進行輸入控制，而onkeyup只能對已經輸入後的字數進行字數判斷，過長的進行截短處理。

在原方案中，有位朋友指出：數據採用n(type)系統不會報錯，是的，如果採用n(type)的話，是以字符為基礎的，可以不考慮數據庫出錯的可能性，但同樣也存在一個界面顯示的問題，比如界面上的Address值，希望是100個字符，如果不進行中英文字數區分，最多將輸入100個中文，從而佔200 個字節空間，導致Adress在顯示時會超過預料的空間，界面搞得不易控制。因此，此方案還是有可取之處的。

具體新方案實現：

1)將以下的代碼包含到頁面中：

script language=”javascript”

!–

String.prototype.len=function(){

return this.replace(/[^/x00-/xff]/g,”**”).length;

}

//Set maxlength for multiline TextBox

function setMaxLength(object,length)

{

var result = true;

var controlid = document.selection.createRange().parentElement().id;

var controlValue = document.selection.createRange().text;

var tempString=object.value;

var tt=””;

for(var i=0;ilength;i++)

{

if(tt.len()length)

tt=tempString.substr(0,i+1);

else

break;

}

if(tt.len()length)

tt=tt.substr(0,tt.length-1);

object.value=tt;

}

//Check maxlength for multiline TextBox when paste

function limitPaste(object,length)

{

var tempLength = 0;

if(document.selection)

{

if(document.selection.createRange().parentElement().id == object.id)

{

tempLength = document.selection.createRange().text.len();

}

}

var tempValue = window.clipboardData.getData(“Text”);

tempLength = object.value.len() + tempValue.len() – tempLength;

if (tempLength length)

{

tempLength -= length;

var tt=””;

for(var i=0;itempValue.len()-tempLength;i++)

{

if(tt.len()(tempValue.len()-tempLength))

tt=tempValue.substr(0,i+1);

else

break;

}

if(tt.len()=0)

{

window.event.returnValue=false;

}

else

{

tempValue=tt;

window.clipboardData.setData(“Text”, tempValue);

window.event.returnValue = true;

}

}

}

function PressLength()

{

if(event.srcElement.type==”text” || event.srcElement.type==”textarea” )

{

if(event.srcElement.length!=null)

setMaxLength(event.srcElement,event.srcElement.length);

}

}

function LimitLength()

{

if(event.srcElement.type==”text” || event.srcElement.type==”textarea” )

{

if(event.srcElement.length!=null)

limitPaste(event.srcElement,event.srcElement.length);

}

}

document.documentElement.attachEvent(‘onkeyup’, PressLength);

document.documentElement.attachEvent(‘onpaste’, LimitLength);

//–

/script

2)在需要控制的控件上添加length=”n”(n為要控制的字數)即可，如：

INPUT type=”text” length=”3″ TEXTAREA length=”20″ rows=”2″ cols=”20″/TEXTAREA asp:TextBox id=”TextBox1″ runat=”server” length=”7″/asp:TextBox asp:TextBox id=”TextBox2″ runat=”server” TextMode=”MultiLine” length=”10″/asp:TextBox 上面是HTML控件與Web控件的例子，只要加一個length就可以了。

個人建議：1）可以把這個腳本塊放在js文件中，進行引用即可

2）可以把腳本放在BasePage中，這樣每個頁面都可以使用了

3）可以使用這些腳本塊，開發專門的服務器端控件。

如何禁止js表單輸入主鍵盤0-9上面的符號。

總結起來，用戶有 4 種方法可以輸入被禁止的符號：

1、鍵盤 Shit + [1-0]

2、鍵盤 Ctrl + V

3、鼠標右鍵 – 粘貼

4、第三方工具，例如 Firebug 直接修改 DOM

所以要為每一個可能性寫相應的代碼。下面代碼中假設文本框 ID 為 my_text。

window.onload = function() {

// 獲取元素

var ele = document.getElementById(“my_text”);

// 此函數將 1-0 數字上面的符號全部替換掉

function checkInput(ele) {

var regex = /[\!@#\$%\^\*\(\)_\+]+/g;

if(ele.value.length regex.test(ele.value)) {

ele.value = ele.value.replace(regex, ”);

}

}

// 當 shift 和 1-0 被按下時，return false

ele.onkeydown = function(e) {

e = e || window.event;

var k = (typeof e.which == “number”) ? e.which : e.keyCode;

if(e.shiftKey k = 48 k = 57) {

return false;

}

};

// 當 ctrl + v 被按下時，調用 checkInput 函數

ele.onkeyup = function(e) {

e = e || window.event;

var k = (typeof e.which == “number”) ? e.which : e.keyCode;

if(e.ctrlKey k == 86) {

checkInput(ele);

}

};

// 當用戶使用右鍵進行粘貼後 或 當內容發生改變時

// 相當於 onblur，調用 checkInput 函數

ele.onchange = function() {

checkInput(ele);

};

};

如何用js 代碼禁用鍵盤某個按鍵

form

input type=”text” id=”NotInputS” /

/form

script

document.getElementById(“NotInputS”).onkeypress=function(e){

var keynum=window.event ? e.keyCode : e.which; //獲取鍵盤碼

var keychar = String.fromCharCode(keynum);//獲取鍵盤嗎對應的字符

alert(keynum);

if(keychar==’S’ || keychar==’s’)//這個實例不能輸出S,s

return false;//返回false表示不輸出此字符

else

return true;//true就是輸出

};

//請用onkeypress,不要用onkeydown/onkeyup

//除非你不在意字母的大小寫

//onkeydown的S與s的按鍵碼是一樣的

/script