1. 程式人生 > >input框只能輸入數字的兩種方法

input框只能輸入數字的兩種方法

通過onkeypress事件是輸不上任何非數字字元 
<input type="text" onkeypress="return event.keyCode>=48&&event.keyCode<=57" ng-pattern="/[^a-zA-Z]/" /> 
通過onkeyup事件是輸上後再去掉非數字字元 

<input type="text" onkeyup="value=value.replace(/[^\d]/g,'') " ng-pattern="/[^a-zA-Z]/">

加上正則匹配不能輸入非數字字元ng-pattern="/[^a-zA-Z]/"

相關推薦

input只能輸入數字方法

通過onkeypress事件是輸不上任何非數字字元 <input type="text" onkeypress="return event.keyCode>=48&&eve

限制input只能輸入數字,加減號也不可以輸入

例子:html程式碼 <input type="number" id="assetId" required name="assetId" value="${entity.assetId}" onblur="javascript:setDispatchTitle();"

html限制input只能輸入數字或小數

前端程式碼: <input type="text" name="payMoney[]" onkeyup="clearNoNum(this)" value=""> js程式碼: <script language="JavaScript" type="t

input 輸入只能輸入數字,長度為2(也可以修改任意長度);input只能輸入數字或小數

直接放在input標籤裡面 1.input長度為2 oninput="if(value.length>2)value=value.slice(0,2)"  2.控制input輸入數字 onkeyup="if(this.value.length==1){this.v

JQ設定input只能輸入數字並限制個數

<input type="text" name="CreatorName" id="CreatorName" value="" maxlength='4'> //給input設定只能輸入數字,如果是非數字會自動刪掉 $("#CreatorName").keyup(functi

input只能輸入數字及一位小數點

function onlyNonNegative(obj) { obj.value = obj.value.replace(/[^\d.]/g, ""); //清除“數字”和“.”以外的字元      obj.value = obj.value.replace(/\.{2,}

移動端限制input只能輸入數字

html5 中,input 的 type 屬性規定 input 元素的型別。 <input type="value"> 但是在移動端,還要區分是安卓使用者,還是ios使用者,所以這樣寫: <input class="num_input

購物車中的input輸入只能輸入數字輸入為0的時候默認為1

pos put brush pre tex || lac ext html <input type="text" value="1" onkeyup="value=(parseInt((value=value.replace(/\D/g,‘‘))==‘‘||pars

input 輸入只能輸入數字,長度為2(也可以修改任意長度)

直接放在input標籤裡面 1.input長度為2 oninput="if(value.length>2)value=value.slice(0,2)"  2.控制input輸入數字 on

js實現input輸入只能輸入數字的功能(完美測試通過)

<input type="text" style="ime-mode:disabled;" onpaste="return false;" onkeypress="keyPress()" /> function keyPress() { var k

關於input只能輸入數字問題

1 <el-form-item label="支付商戶號" class="pay_number"> 2 <el-input @input="inputChange" v-model="form.name" type="number" ></el-input

JS獲取input標籤的text值、JS獲取下拉內容、input控制只能輸入數字等問題彙總

1、在js中如何獲取input標籤的text值 var cgsl = document.getElementsByName("cgsl")[0].value; jsp原始碼為: <span> </span><tr><spa

input框限制只能輸入正整數,邏輯與和或運算 有時需要限制文字框輸入內容的型別,本節分享下正則表示式限制文字框只能輸入數字、小數點、英文字母、漢字等程式碼。 例如,輸入大於0的正整數 程式碼

有時需要限制文字框輸入內容的型別,本節分享下正則表示式限制文字框只能輸入數字、小數點、英文字母、漢字等程式碼。 例如,輸入大於0的正整數 程式碼如下: <input onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^

input 輸入 只能輸入數字、字母、漢字等

from:https://www.cnblogs.com/phpfensi/p/7298617.html 1.文字框只能輸入數字程式碼(小數點也不能輸入) <input onkeyup="this.value=this.value.replace(/\D/g,'')"

前端頁面中input輸入只能輸入數字

input輸入框只能輸入數字 在實際的專案中,有很多輸入框,比如說年齡欄位,身高欄位等等,要求使用者輸入的是純數字,為了簡單,我們可以直接在input標籤中新增onkeyup對輸入的內容進行驗證,如下程式碼: <input type="text" placehold

input標籤只能輸入數字小數點 且小數點後只有位 ,不允許存在個小數點!!

$("#open").on('keyup', function (event) {    var $amountInput = $(this);   var tmptxt=$(this).val();   //$(this).val(tmptxt.subString(0,

表單驗證input 輸入 只能輸入數字、字母、漢字等

1.文字框只能輸入數字程式碼(小數點也不能輸入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')

HTML控制文字只能輸入數字和小數點,並且只能保留小數點後

1.給文字框新增一個onkeyup='clearNoNum(this)'點選事件2.建立clearNoNum方法function clearNoNum(obj) { obj.value = obj.value.replace(/[^\d.]/g,""); //清除"

jquery限制文字只能輸入數字方法,適用多種瀏覽器

<%@ page language="java" contentType="text/html; charset=UTF-8"     pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HT

JS控制文本只能輸入數字,並且保留小數點後

文本 只能輸入數字 rep max light 清除 style input paste <input type="text" placeholder="保留到小數點後兩位" maxlength="200" onkeyup="num(this)" onpaste