Input type text chỉ cho phép nhập số js, html text input allow only numeric input

Thảo luận trong 'Lập trình Javascript, js' bắt đầu bởi seolagi, 16/7/20.

  1. seolagi
    Tham gia ngày:
    16/4/14
    Bài viết:
    1,047
    Đã được thích:
    81
    Điểm thành tích:
    48
    Input type text chỉ cho phép nhập số, html text input allow only numeric input? có bạn nào biết cách làm sao chỉ cho phép nhập số vào thẻ input có type text không bạn?
    Mã:
    <input type="text" class="quantity-input input-text qty text" title="Số lượng cần mua" name="quantity" value="">
    Cái input type number mặc định của nó cùi bắp quá, mình mún tự chế cái thẻ input text chỉ cho phép nhập số không cho nhập ký tự và dấu , . vào đó luôn thì làm như thế nào bạn nào biết cho mình xin đoạn code nhé xử lý trong javascript hay jQuery gì đó.
     
    Cảm ơn đã xem bài:

    Input type text chỉ cho phép nhập số js, html text input allow only numeric input

  2. admin
    Tham gia ngày:
    22/5/13
    Bài viết:
    4,997
    Đã được thích:
    1,216
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Của bạn đây nhé:
    HTML:
    <input type="text" class="quantity-input input-text qty text" onkeypress="return isNumberKey(event)" title="Số lượng cần mua" name="quantity" value="">
    HTML:
    //cho phép cut copy paste drag drop trong thẻ input
    $(document).ready(function() {
      $('.quantity-input').bind("cut copy paste drag drop", function(e) {
          e.preventDefault();
      });     
    });
    function isNumberKey(e) {
        var charCode = (e.which) ? e.which : e.keyCode;
        if (charCode > 31 && (charCode < 48 || charCode > 57))
            return false;
        return true;
    }
     


Chủ để tương tự : Input type
Diễn đàn Tiêu đề Date
Lập trình Javascript, js Set value input type="checkbox" jquery js như thế nào 10/8/18
Lập trình Javascript, js Parent Find Input Value Js? How to get the parent element value using jquery? 19/7/22
Lập trình Javascript, js Check Number JS, kiểm tra input text số lượng sản phẩm là số trong jQuery/Javascript 15/7/20