限制文本框只能輸入數字/只能是數字和小數點/只能是整數和浮點數
來源:易賢網 閱讀:2857 次 日期:2016-06-20 15:36:42
溫馨提示:易賢網小編為您整理了“限制文本框只能輸入數字/只能是數字和小數點/只能是整數和浮點數”,方便廣大網友查閱!

這篇文章主要介紹了限制文本框只能輸入數字||只能是數字和小數點||只能是整數和浮點數的實例代碼,非常不錯,也比較實用,需要的小伙伴一起看下吧

onlyNumber.html 測試代碼:

<html>

<head>

<script language="JavaScript" >

function onlyNumber(obj){

//得到第一個字符是否為負號

var t = obj.value.charAt(0); 

//先把非數字的都替換掉,除了數字和. 

obj.value = obj.value.replace(/[^\d\.]/g,''); 

//必須保證第一個為數字而不是. 

obj.value = obj.value.replace(/^\./g,''); 

//保證只有出現一個.而沒有多個. 

obj.value = obj.value.replace(/\.{2,}/g,'.'); 

//保證.只出現一次,而不能出現兩次以上 

obj.value = obj.value.replace('.','$#$').replace(/\./g,'').replace('$#$','.');

//如果第一位是負號,則允許添加

if(t == '-'){

obj.value = '-'+obj.value;

}

}

</script>

<meta http-equiv="content-Type" content="text/html;charset=gb2312">

<meta name="keywords" content="" />

<meta name="description" content="" />

<title>限制文本框只能輸入數字||只能是數字和小數點||只能是整數和浮點數</title>

</head>

<body>

<hr/>

只能輸入數字的文本框:<input onkeyup="this.value=this.value.replace(/\D/g,'')" onblur="this.value=this.value.replace(/\D/g,'')"/>

<br/>

<hr/>

只能輸入數字和小數點的文本框:<input onkeyup="value=value.replace(/[^\d\.]/g,'')" onblur="value=value.replace(/[^\d\.]/g,'')"/>

<br/>

<hr/>

只能輸入數字且只能有一個小數點的文本框(小數點不能在開頭,可以在結尾,第一位允許添加負號即浮點數):<input onkeyup="onlyNumber(this)" onblur="onlyNumber(this)" />

<hr/>

</body>

</html>

以上代碼內容簡單給大家介紹了限制文本框只能輸入數字||只能是數字和小數點||只能是整數和浮點數的知識,希望能夠幫助到大家!

更多信息請查看網絡編程
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點

版權所有:易賢網