獲取輸入的信息,以“.”分割為數組,對數組each,each中,先獲得v的字符串長度,然后強轉為數字,獲得長度,與原長度對比,相等就是數字或小數,不相等就不是,同時,當循環到第三次時也說明這不是一個數字或小數。
為株洲等地區用戶提供了全套網頁設計制作服務,及株洲網站建設行業解決方案。主營業務為做網站、成都網站建設、株洲網站設計,以傳統方式定制建設網站,并提供域名空間備案等一條龍服務,秉承以專業、用心的態度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!
再或者:可以給input綁定onchange事件,在事件中,獲取到用戶輸入的值,并使用正則表達式或者是isNaN()方法進行判斷是否是數字。如果不是數字,再相應的給出提示,就可以了。
一、設置代碼如下:
二、使用步驟:
1、首先在畫面加載完成之后編寫如下的JS腳本
2、對需要做輸入控制的控件設置class樣式
3、這樣畫面上凡是設置了class="onlyNum"的控件就只能輸入數字
三、這種設置方式的好處:通過這種方式就可以限制了用戶的輸入范圍,避免用戶進行一些非法的輸入
如果支持html5的 化 可以直接 input type="number" name="aaa" min="0" /
number 是html5的新屬性 只能輸入數字 min是設置最小值 還可以加max 設置最大值
如果不支持 就要用jq判斷
var ss=$("#input").val()//獲取輸入的值
if(!isNaN(ss)ss0){
alert("符合")
}else{
alert("不符合")
return;
}
完美解答 請采納
!DOCTYPE?html
html
head
titlejqjquery?當輸入框輸入11位數字,將自動判斷。/title
meta?charset="UTF-8"?/
script
window.onload?=?function(){
document.getElementById('phone').onkeyup?=?function(){
var?length?=?this.value.length,
state?=?'';
if(length?==?11){
switch(this.value.substr(0,?3)){
case?'130'?:
case?'131'?:
case?'132'?:
case?'155'?:
case?'156'?:
case?'185'?:
case?'186'?:
case?'145'?:
case?'176'?:
state?=?'聯不通';
break;
case?'133'?:
case?'153'?:
case?'180'?:
case?'181'?:
case?'189'?:
case?'177'?:
state?=?'電不信';
break;
case?'134'?:
case?'135'?:
case?'136'?:
case?'137'?:
case?'138'?:
case?'139'?:
case?'150'?:
case?'151'?:
case?'152'?:
case?'157'?:
case?'158'?:
case?'159'?:
case?'182'?:
case?'183'?:
case?'184'?:
case?'187'?:
case?'188'?:
case?'147'?:
case?'178'?:
state?=?'移不動';
break;
default?:
state?=?'未知號碼段';
}
document.getElementById('phoneState').innerHTML?=?state;
}else?if(length??11){
this.value?=?this.value.substr(0,?11);?//超出11位剪掉
}
}
}
/script
/head
body
input?type="text"?id="phone"?/span?id="phoneState"/span
/body
/html
$(function(){
var?preValue?=?'';
$("body").on("keyup",?"input[name=number]",?function(){
var?value?=?$(this).val();
//不滿足0-10,回退到上一次輸入結果
if(!!value??!$(this).val().match(/^(?:10|[0-9])$/))?{
$(this).val(preValue);
return?false;
}
preValue?=?$(this).val();
return?true;
});
});
你找jquery-ui插件,里面應該有一個符合你這要求的控件,叫spinner,你再手動加一個只能輸入數字的控制,就OK了
本文名稱:jquery數字輸入,jquery輸入框只能輸入數字
鏈接URL:http://m.kartarina.com/article48/dseehep.html
成都網站建設公司_創新互聯,為您提供移動網站建設、、搜索引擎優化、動態網站、網站排名、全網營銷推廣
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯