javascript限制輸入數字

Ⅰ js限制輸入數字范圍

那就恭喜了！找到合適的正則：var re = /(^[0-9]([.][0-9]{1,2})?$)|(^1[0-9]([.][0-9]{1,2})?$)|(^2[0-3]([.][0-9]{1,2})?$)|(^24([.]0{1,2})?$)/;
順便給個分吧！

Ⅱ 用JS限制文本框只能輸入數字，並給予提示，（純javaScript）

function check(){
var value = document.getElementById("inputId").value;
var reg=/^[1-9]\d*$|^0$/; // 注意：故意限制了 0321 這種格式，如不需要，直接reg=/^\d+$/;
if(reg.test(value)==true){
alert("都是數字！通回過");
return true;
}else{
alert("不是純數字！失敗答！");
return false;
}
}

方法通過 onblur調用

Ⅲ 用javascript限制文本框輸入數字的范圍在0到23之間，怎麼做啊我不太懂javascript還請說詳細點

<script language="javascript" type="text/javascript">
function textbox(obj){
if(parseInt(obj.value)==obj.value && parseInt(obj.value)>=0 && parseInt(obj.value)<=23){}
else
alert('請輸入數字,范圍為0-23');
}
</script>

<input type="text" value="" onblur="JavaScript:textbox(this)"/>

你新建一個html文檔,將script放到head內,input放到body內.

其實很簡單的一個功能,onblur是焦點離開的時候觸發函數textbox,執行過程就是判斷內容的范圍,parseInt是將字元串轉數字. obj.value就是文本框的值.

因為parseInt函數轉數字是將字元串之前的數返回,去除了後面其他字元,所以第一個判斷就是讓輸入的值只有數字

Ⅳ html、js對input輸入數字，長度和范圍限制

input屬性備升為number，做if判斷，然後slice選取 （目前氏盯使用過此方法，比較簡單）用於添加地仿核老址時的手機號碼框

input限制只能輸入數字並限制長度
js控制input只能輸入數字和小數點後兩位，輸入其他自動清除方法

Ⅳ js怎麼讓input只能輸入數字

有時需要限制文本框輸入內容的類型，本節分享下正則表達式限制文本框只能輸版入數字、小數點、英文字母、權漢字等代碼。
例如，輸入大於0的正整數
<input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}" onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,'')}else{this.value=this.value.replace(/\D/g,'')}">

Ⅵ 前端js 輸入框限制（只能輸入數字，10位小數，除0[0-9]、.、--、-0[0-9]、-.不能開頭外，其他的都可以）

可以使用如下正則表達式來限制輸入框的輸入內容：

/^(?!0d|.-|..|-0d|-)(?!.*...*)(?!.*--.*)(?!.*-$)([1-9][0-9]*|0)(.[0-9]{0,10})?$/

該正則表達式的解釋如下：

• ^：匹配輸入的字元串開頭。

• (?!0d|.-|..|-0d|-)：負早核向先行斷言，表示輸入的字元串不能以 0 開頭、.-、..、-0 開頭或 - 結尾。

• (?!.*...*)(?!.*--.*)：負向先行斷言，表示輸入的字元串不能包含兩個及以上的連續 . 或 --。

• (?!.*-$)：負向先行斷言，表示輸入的字元串不能以 - 結尾。

• ([1-9][0-9]*|0)：表示輸入的字元串必須為數字，可以以 0 或者 1-9 開頭，後面跟著 0 個或多個數字。

• (.[0-9]{0,10})?：表示輸入的字元串可以包含小數點和最多 10 位小數。

• $：匹配輸入的字元串結尾。

可以將該正則表達式應用到輸入框的 oninput 或 onkeydown 事件中，以便實時驗證用戶輸入的內容，並在輸入不符合要求時阻止輸入。例如：

const input = document.querySelector('#myInput');

input.addEventListener('input', (event) => {

const value = event.target.value;

const isValid = /^(?!0d|.-|..|-0d|-)(?!.*...*)(?!.*--.*)(?!.*-$)([1-9][0-9]*|0)(.[0-9]{0,10})?$/.test(value);

if (!isValid) {

event.target.value = value.slice(0, -1); // 阻止輸入

}

});

在這個例子中，我們首先獲取了一個 id 為 myInput 的輸入框，並添加了一個 input 事件監聽器。在事件差睜遲處理程序中，我們獲取了輸入框的虛李值，並使用正則表達式對其進行驗證。如果驗證失敗，我們阻止輸入，即將輸入框的值設為原來的值減去最後一位。這樣，就能夠實現對輸入框的限制。

Ⅶ js怎麼控制文本框只能輸入數字

1、首先磨祥打開hbuilder編輯器，新建一個html文檔，在html文檔中輸入一個input框，設置形式為text，給它一個id，命名為ant並在上方的style里設置簡單的樣式：

Ⅷ js控制只能輸入數字和逗號的正則表達式怎麼寫

需要准備的材料分別有：電腦、html編輯器悔仔、瀏覽器。

1、首先，打開html編輯器，新建html文件，例如：index.html。

Ⅸ 如何用js限定文本框只能輸入數字和小數點，且只能輸入小數點後兩位

限制文本框只能輸入正數，負數，小數 onkeyup="value=value.replace(/[^\-?\d.]/g,'')" 限制文本框只能輸入正數，小數 onkeyup="value=value.replace(/[^\d.]/g,'')"

Ⅹ 如何使用JS通過正則限制input輸入框只能輸入整數，小數兩位小數

第一： 限制只能是整數
<input type = "text" name= "number" id = 'number' onkeyup= "if(! /^d+$/.test(this.value)){alert('只能整數');this.value='';}" />

如果不是整數就直接alert

第二： 限制是兩位的小數
<input type = "text" name= "price" id = 'price' onkeyup= "if( ! /^d*(?:.d{0,2})?$/.test(this.value)){alert('只能輸入數字，小數點後只能保留兩位');this.value='';}" />

原理：

通過 正則表達式判斷，不滿足 執行alert。

第一個正則表達式是 /^d+$/ 表示可以是一個或者多個數字

第二個正則表達式是
/^d*(?:.d{0,2})?$/

表示必須是數字開頭，數字結尾。

這里重點是要數字結尾， 在計算機中通常小數 1. , 2. 這種寫法， 就是可是小數點結尾的， 是正確的。這里強制讓數字結尾。

test()

只要找到滿足的部分就返回真。

意思是是
/d/. test ( 'a' ) // false
/d/. test ( 'a' ) // true
/d/. test ( 'a' ) // true

所以要保證誰開頭誰結尾。 開頭用 $, 結尾用 ^