成人精品一区二区三区中文字幕-成人精品一区二区三区-成人精品一级毛片-成人精品亚洲-日本在线视频一区二区-日本在线视频免费

導航首頁 ? 技術教程 ? jquery限定文本框只能輸入數字(整數和小數)
全站頭部文字 我要出現在這里
jquery限定文本框只能輸入數字(整數和小數) 701 2024-03-14   

本文實例介紹了jquery限定文本框只能輸入數字的詳細代碼,分享給大家供大家參考,具體內容如下

先來一段規定文本框只能夠輸入數字包括小數的jQuery代碼:

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="gb2312"> 
<title>綠夏網</title> 
<script type="text/javascript" src="http://www.gimoo.net/t/1904/mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
//文本框只能輸入數字(包括小數),并屏蔽輸入法和粘貼 
jQuery.fn.number=function(){
 this.bind("keypress",function(e){ 
 var code=(e.keyCode?e.keyCode:e.which); //兼容火狐 IE 
 //火狐下不能使用退格鍵 
 if(!$.browser.msie&&(e.keyCode==0x8)){return;} 
 if(this.value.indexOf(".")==-1){return (code >= 48 && code<= 57)||(code==46);}
 else{return code >= 48 && code<= 57} 
 }); 
 this.bind("paste",function(){return false;}); 
 this.bind("keyup",function(){
 if(this.value.slice(0,1) == ".")
 { 
  this.value = ""; 
 } 
 }); 
 this.bind("blur",function(){ 
 if(this.value.slice(-1) == ".")
 { 
  this.value = this.value.slice(0,this.value.length-1); 
 } 
 }); 
}; 
$(function(){ 
 $("#txt").number();
}); 
</script>
</head>
<body>
<input type="text" id="txt" />
</body>
</html>

2、jQuery如何規定文本框只能輸入整數:
有時候文本框的內容只能夠是數字,并且還只能夠是整數,例如年齡,你不能夠填寫20.8歲,下面就通過代碼實例介紹一下如何實現此功能,希望給需要的朋友帶來幫助,代碼如下:

<html> 
<head> 
<meta charset="gb2312"> 
<title>螞蟻部落</title> 
<script type="text/javascript" src="http://www.gimoo.net/t/1904/mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
//文本框只能輸入數字(不包括小數),并屏蔽輸入法和粘貼 
jQuery.fn.integer=function(){ 
 this.bind("keypress",function(e){ 
 var code=(e.keyCode?e.keyCode:e.which); //兼容火狐 IE 
 //火狐下不能使用退格鍵 
 if(!$.browser.msie&&(e.keyCode==0x8))
 { 
  return ; 
 } 
 return code >= 48 && code<= 57; 
 }); 
 this.bind("paste",function(){ 
 return false; 
 }); 
 this.bind("keyup",function(){ 
 if(/(^0+)/.test(this.value)) 
 { 
 this.value = this.value.replace(/^0*/,''); 
 } 
 }); 
}; 
$(function(){ 
 $("#txt").integer();
}); 
</script>
</head>
<body>
<input type="text" id="txt" />
</body>
</html>

以上代碼實現了我們的要求,文本框中只能夠輸入整數。

希望本文所述對大家學習jquery程序設計有所幫助。



主站蜘蛛池模板: 秦腔《铡美案》全本| 包头电视台| 机动战士高达seed destiny| https://www.douyin.com/pay| 中国最贵的10大香烟| 蒋昌义| 抖音国际版| 聊斋艳谭之荷花三娘子| 西方世界电影免费播放| 龙之战电影| 狗年龄| 廖君| 电影《忠爱无言》| 迷案1937电视剧剧情介绍| 赵本山小品全集免费观看| 约翰尼·西蒙斯| 有本纱世| 必修二英语电子课本外研版 | 红蔷薇 电视剧| 古铭瀚个人资料| 辰巳ゆい| 浙江卫视节目表电视猫| 保镖1983| 妻子的秘密日本电影| 狗年龄| 谈判专家豆瓣| 思念天边的你简谱| 色在线视频播放| 血色天劫| cctv6电影节目表| 二年级aab词语| 血型父母和孩子血型表| 张国立个人资料简介| 张扬导演| 久纱野水萌| 任港秀| 朗德海花园场景| 不得不爱吉他谱| 孤独感拉满的头像| 欲望旅馆| 同志父子第二部叫什么|

!!!站長長期在線接!!!

網站、小程序:定制開發/二次開發/仿制開發等

各種疑難雜癥解決/定制接口/定制采集等

站長微信:lxwl520520

站長QQ:1737366103