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

導航首頁 ? 技術教程 ? jQuery實現只允許輸入數字和小數點的方法
全站頭部文字 我要出現在這里
jQuery實現只允許輸入數字和小數點的方法 669 2024-03-10   

本文實例講述了jQuery實現只允許輸入數字和小數點的方法。分享給大家供大家參考,具體如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<script src="http://www.gimoo.net/t/1903/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
//示例代碼:
//只允許輸入數字與.:<input type="text" name="test" id="test" onkeydown="checkKeyForFloat(this.value,event)" style="ime-mode: disabled" />
//只允許輸入數字 :<input type="text" name="test2" id="test2" onkeydown="checkKeyForNum(this.value,event)" style="ime-mode: disabled" />
//只允許輸入數字與小數點
function checkKeyForFloat(value, e) {
 var isOK = false;
 var key = window.event ? e.keyCode : e.which;
 if ((key > 95 && key < 106) || //小鍵盤上的0到9
 (key > 47 && key < 60) || //大鍵盤上的0到9
 (key == 110 && value.indexOf(".") < 0) || //小鍵盤上的.而且以前沒有輸入.
 (key == 190 && value.indexOf(".") < 0) || //大鍵盤上的.而且以前沒有輸入.
 key == 8 || key == 9 || key == 46 || key == 37 || key == 39 //不影響正常編輯鍵的使用(8:BackSpace;9:Tab;46:Delete;37:Left;39:Right)
) {
  isOK = true;
 } else {
  if (window.event) //IE
  {
   e.returnValue = false; //event.returnValue=false 效果相同.
  }
  else //Firefox
  {
   e.preventDefault();
  }
 }
 return isOK;
}
//只允許輸入數字
function checkKeyForInt(value, e) {
 var isOK = false;
 var key = window.event ? e.keyCode : e.which;
 if ((key > 95 && key < 106) || //小鍵盤上的0到9
 (key > 47 && key < 60) || //大鍵盤上的0到9
 key == 8 || key == 9 || key == 46 || key == 37 || key == 39 //不影響正常編輯鍵的使用(8:BackSpace;9:Tab;46:Delete;37:Left;39:Right)
) {
  isOK = true;
 } else {
  if (window.event) //IE
  {
   e.returnValue = false; //event.returnValue=false 效果相同.
  }
  else //Firefox
  {
   e.preventDefault();
  }
 }
 return isOK;
}
//設置有自定義屬性 dtype 的文本框 允許輸入的范圍
function setDType() {
 $(":text[dtype]").each(function () {
  var dtype = $(this).attr("dtype");
  var isOK = true;
  switch (dtype) {
   case "number":
    $(this).css("ime-mode", "disabled").keydown(function (event) {
     isOK = checkKeyForFloat($(this).val(), event);
     if (!isOK) {
      //$(this).SuperFocus("", 500);
     }
     return isOK;
    });
    break;
   default:
    break;
  }
 });
}
</script>
<script type="text/javascript">
$(function () {
 setDType();
});
</script>
</head>
<body>
年齡: <input type="text" maxlength="3" onkeydown="checkKeyForInt(this.value,event)" style="ime-mode: disabled"/><br />
身高:<input type="text" maxlength="5" dtype="number" />
</body>
</html>

更多關于jQuery相關內容感興趣的讀者可查看本站專題:《jQuery拖拽特效與技巧總結》、《jQuery擴展技巧總結》、《jQuery常見經典特效匯總》、《jQuery動畫與特效用法總結》、《jquery選擇器用法總結》及《jQuery常用插件及用法總結》

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



主站蜘蛛池模板: 铁血丹心吉他独奏谱完整版| 周杰伦雨下一整晚歌词| 八哥图库图谜| 李姝| 叶子楣伦理| 敦煌夜谭国语电影在线观看高清免费| 林景云李海海| 双重欲望| 美女上厕所| 打美女屁股视频| 六年级下册语文文言文二则| 斯科| 美女被吊在刑房鞭打| 白雪公主和七个小矮人电影| 金珠电影| 药不能停| 动漫秀场| 《隐秘而伟大》电视剧| 我的公公电影| 邓家佳电影| 西方世界电影免费播放| 女人妣| leah| 精灵使的剑舞无删减版在线观看| ab变频器中文说明书| 电影《大突围》| 漂亮的女邻居5伦理| 代高政最新短剧| 李洋简介| 时代少年团壁纸| ?1,| 二年级上册数学竖式计算题| 常蓝天| 我被最想被拥抱的人威胁了| 五年级语文下册| 色戒在线观看视频| 电影不扣钮的女孩| 保镖电影大全免费| 啊嗯啊嗯啊嗯啊| 淫欲| 建设工程监理规范最新版50319-2019|

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

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

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

站長微信:lxwl520520

站長QQ:1737366103