快捷導(dǎo)航

JQuery判斷正整數(shù)整理小結(jié)(jQuery 文本框中只能輸入正整數(shù))

更新時(shí)間：2022年11月22日 16:53:30 作者：曦羽

這篇文章主要介紹了JQuery判斷正整數(shù)，附上詳細(xì)的代碼供大家查看具體的方法,需要的朋友可以參考下

代碼實(shí)例如下：

var totalPage = document.getElementById("totalPage").value.trim();//獲取總頁
 var reg=/^[1-9]\d*$/; //由 1-9開頭 的正則表達(dá)式
 //先判斷是否為整數(shù) 在判斷 是否在 1-總頁 整數(shù)范圍之內(nèi)
 if(reg.test(searchBox)){
  if(parseInt(searchBox) > 0 && parseInt(searchBox) <= totalPage){
   alert(searchBox);
  }else{
   alert("輸入的頁碼超出指定范圍!!!");
   document.getElementById("searchBox").value = ""; //清空
   return;
  }
 }else{
 alert("請(qǐng)輸入合法的整數(shù)頁碼!!");
 document.getElementById("searchBox").value = ""; //清空
 return;
 }

文本框的輸入的內(nèi)容可能會(huì)有各種限制，比如文本框中只能夠輸入正整數(shù)。

下面就是一段能夠?qū)崿F(xiàn)此功能的代碼實(shí)例，需要的可以做一下參考。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="https://www.jb51.com/" />
<title>腳本之家</title>
<script src="https://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function(){
  $("input").keyup(function(){
    $(this).val($(this).val().replace(/\D|^0/g,''));
  }).bind("paste",function(){
    return false;
  })
});
</script>
</head>
<body>
<input type="text"/>
</body>
</html>

上面的代碼實(shí)現(xiàn)了我們的要求，下面介紹一下它的實(shí)現(xiàn)過程。

一.代碼注釋：

（1）.$(document).ready(function(){})，當(dāng)文檔結(jié)構(gòu)完全加載完畢再去執(zhí)行函數(shù)中的代碼。

（2）.$("input").keyup(function(){})，為input元素注冊(cè)keyup事件處理函數(shù)。

（3）.$(this).val($(this).val().replace(/\D|^0/g,''));，將非數(shù)字或者以0為開頭的替換為空。

（4）.bind("paste",function(){

return false;

})，為文本框注冊(cè)paste事件處理函數(shù)，這個(gè)是為了防止對(duì)文本框復(fù)制黏貼操作。

二.相關(guān)閱讀：

（1）.keyup 事件參閱jQuery keyup一章節(jié)。

（2）.val() 參閱jQuery val()一章節(jié)。

（3）.replace() 參閱正則表達(dá)式replace()一章節(jié)。