JS限制只允許數字輸入

阿新 • • 發佈：2019-01-22

示例程式碼

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
    <script src="/js/jquery-3.1.0.min.js"></script>
</head>
<body>
    <label for="number">測試數字輸入</label 
>
    <input type="number" class="form-control" id="number" name="number" value="1" maxlength="1" placeholder="測試數字輸入" required>


    <script type="text/javascript">
    $(document).ready(function() {
        $("input[type='number']").keydown(function(evt) {
            var iKeyCode = window.event?evt.keyCode:evt.which;    
            /*    
            ascii碼說明： 
            8：退格鍵 
            46：delete 
            37-40： 方向鍵 
            48-57：小鍵盤區的數字 
            96-105：主鍵盤區的數字 
            110、190：小鍵盤區和主鍵盤區的小數點 
            189、109：小鍵盤區和主鍵盤區的負號 

            13：回車 
            9： Tab 就是那個把焦點移到下一個文字框的東東。 
            */ 
  
            if((iKeyCode>=48) && (iKeyCode<=57) || (iKeyCode>=96) && (iKeyCode<=105) || (iKeyCode>=37) && (iKeyCode<=40) ||iKeyCode===8|| iKeyCode==46) {

            } else {    
                if (window.event) {    
                    //IE 
                    event.returnValue = false 
;    
                } else {    
                    //Firefox
                    evt.preventDefault();    
                }    
            }
        }).keyup(function() {
            $(this).val($(this).val().replace(/[^0-9]/g,''));
        });
    });
    </script>
</body>
</html>

顯示效果

這裡寫圖片描述

JS限制只允許數字輸入

示例程式碼 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="

js 限制文字框只能輸入數字，不為空的正則表示式

許多時候我們在製作表單時需要限制文字框輸入內容的型別，下面我們用正則表示式限制文字框只能輸入數字、小數點、英文字母、漢字等各類程式碼。 <input onblur="if(this.value.replace(/^ +|+$/g,'')=='')alert('不能為空

C#-WinForm控制輸入框只接受數字輸入

背景給導師上一節c#編寫資料庫應用程式的課，模擬ATM自助取款機的功能寫了個winForm程式，關於金額的輸入肯定是數字，因此避免輸入格式不正確的數字帶來異常，直接在輸入時進行校驗. 封裝函式 C#輸入控制元件TextBox，該控制元件有一個KeyPress事件，就是鍵盤按下事件。因此可以

Android 在java程式碼中設定EditText只接受數字輸入

在XML中的我就不多說了，不知道的童鞋可以去查EditText的XML屬性。做到的專案需要動態生成EditText所以就只能在java程式碼中控制，EditText的屬性。上程式碼： EditText et; et = (EditText) findViewById(R.id.et); // 方法1

輸入框只允許輸入數字並且限制小數點位數

<input type="text" onkeyup="this.value=this.value.toString().match(/^\d+(?:\.\d{0,2})?/)"/>onkeyup 事件會在鍵盤按鍵被鬆開時發生。match() 方法可在字串內檢索指

android限制edittext輸入為數字,只允許輸入數字和最多一個.和-

開發遇到的問題安卓自帶的輸入數字不能輸入.和-，於是自己寫了個。基本夠用了 public void limit(final EditText listValue3){ listValue3.addTextChangedListener(new TextWa

JS限制文本框只能輸入數字(包括整數,小數,負數)

javascrip 限制 func value this input onkeyup function pos <script type="text/javascript"> function keyPress(ob) { if (!ob.val

Android中EditText限制僅允許輸入漢字/僅允許漢字和數字

最近專案各種需求,各種更改,之前的需求是editText只要不是數字就ok了. 現在需求改為只允許輸入漢字,採用正則表示式完成. @BindView(R2.id.et_other_college) EditText etOtherCollege; 自定義一個方法: publ

js----text只可以輸入數字（0-9）

方法1： // 只可以輸入數字（0-9） sofia.numOnly = function(ev) { var keyValue ; var returnValue = true ; //Alt有效 if (ev.altKey) { return true; }

VUE 回車換行提交表單跑馬燈效果只允許文字框中輸入0-9數字

匯入vue.js <script src="vue-2.5.17.js"></script> 1.回車換行提交表單 <div id="app"> <input type="text" v-model=

只允許輸入數字的TextBox控制元件

實現效果：　　知識運用：　　Char結構的IsDigit方法　　TextBox控制元件的KeyPress事件的e(包含事件資料)的KeyChar屬性和Handled屬性　　1, KeyChar屬性　　//獲取或設定按下鍵對應的字元　　public char KeyChar{get;se

javascript控制input只允許輸入數字

此input只允許輸入0-9的數字： <input onkeyup="if(event.keyCode !=37 && event.keyCode != 39)value=value.replace(/\D/g,'')"><br>&l

JavaScript--文字框中只允許輸入數字的操作（其他字元不顯示）

在web網頁中，尤其是某些提交表單操作，需要驗證文字框輸入內容，本文利用文字框鍵盤事件和事件物件，對文字框只允許輸入數字方法進行總結。 1.鍵盤事件 keydown ---->鍵盤按下事件 keydown的時候，我們所按的鍵並沒有落入文字框 keyup --

javascript/JS限制使用者名稱只能輸入漢字字母和數字下劃線

驗證使用者名稱的一個例子： html: js: function checkUser() { var username = $(“#username”).val(); if (!username.match( /^[\u4E00-\u9FA5a

angular2中input只允許輸入數字，而且數字有千分位格式

直接奔主題，不扯淡：需求：在angular2表單中，input只允許使用者輸入數字，而且要把數字格式化顯示，比如1000 => 1,000思考：用type=number能不能達到？ <input type="number" class="form-control"

jquery判斷input只允許輸入數字

實現js輸入框只允許輸入金額

function check(obj){ var id = obj.id; var val =obj.value; var regStrs = [ ['^0(\\d+)$', '$1'], //禁止錄入整數部分兩位以上，但首位為0 ['[^\\

angular2限制鍵盤響應，如：只接收數字鍵盤輸入

一、type值為number<input type="number" />二、通過ng2雙向繫結與事件方式實現1、html程式碼：<input type="text" #inputVars (keyup)="onKeyPress(inputVa

TextBox只允許輸入數字或者兩位以下的小數

private void fStartNum_KeyPress(object sender, KeyPressEventArgs e) { int kc = e.KeyChar; if (kc == 46)

iOS開發之限制只輸入數字和字母

首先，根據需求，定義一個巨集: #define NUM @"0123456789"//只輸入數字 #define ALPHA @"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz"//只輸入字母 #def

JS限制只允許數字輸入

示例程式碼

顯示效果

相關推薦