Làm cách nào để đặt độ dài tối đa trong phần tử “input type = number” của HTML5? – số loại đầu vào html maxlength

Bạn đang xem : số loại đầu vào html maxlength

Tôi biết đã có câu trả lời, nhưng nếu bạn muốn thông tin nhập của mình hoạt động chính xác như maxlength < / code> thuộc tính hoặc càng gần càng tốt, hãy sử dụng mã sau:

  (function ($) {
 phương thức = {
    / *
     * addMax sẽ lấy phần tử được áp dụng và thêm một hành vi javascript
     * điều đó sẽ đặt độ dài tối đa
     * /
    addMax: function () {
        // thiết lập các biến
        var
            maxlAttr = $ (this) .attr ("maxlength"),
            maxAttR = $ (this) .attr ("max"),
            x = 0,
            max = "";

        // Nếu phần tử có maxlength, hãy áp dụng mã.
        if (typeof maxlAttr! == typeof undefined & amp; & amp; maxlAttr! == false) {

            // tạo một tương đương tối đa
            if (typeof maxlAttr! == typeof undefined & amp; & amp; maxlAttr! == false) {
                trong khi (x & lt; maxlAttr) {
                    max + = "9";
                    x ++;
                }
              maxAttR = tối đa;
            }

            // Các phím được phép có thể được sử dụng khi đầu vào đã đạt đến độ dài tối đa
            var các khóa = [
                8, // backspace
                9, // tab
                13, // nhập
                46, // xóa
                37, 39, 38, 40 // các phím mũi tên & lt; ^ & gt; v
            ]

            // Áp dụng các thay đổi cho phần tử
            $ (cái này)
                .attr ("max", maxAttR) // thêm giá trị tối đa hiện có hoặc giá thầu tối đa mới
                .keydown (function (event) {
                    // hạn chế phím nhấn trên độ dài đã đạt được trừ khi phím đang được sử dụng nằm trong mảng phím hoặc có văn bản được đánh dấu
                    if ($ (this) .val (). length == maxlAttr & amp; & amp; $ .inArray (event.which, key) == -1 & amp; & amp; method.isTextSelected () == false) trả về false;
                }) ;;
        }
    },
    / *
     * isTextSelected trả về true nếu có lựa chọn trên trang.
     * Điều này để nếu người dùng chọn văn bản và sau đó nhấn một số
     * nó sẽ hoạt động như bình thường bằng cách thay thế lựa chọn bằng giá trị
     * của phím được nhấn.
     * /
    isTextSelected: function () {
       // đặt biến văn bản
        text = "";
        if (window.getSelection) {
            text = window.getSelection (). toString ();
        } else if (document.selection & amp; & amp; document.selection.type! = "Control") {
            text = document.selection.createRange (). text;
        }
        return (text.length & gt; 0);
    }
};

$ .maxlengthNumber = function () {
     // Lấy tất cả các đầu vào số có cường độ tối đa
     method.addMax.call ($ ("input [type = number]"));
 }

}) ($)

// Áp dụng nó:
$ .maxlengthNumber ();
 


Xem thêm những thông tin liên quan đến chủ đề số loại đầu vào html maxlength

Javascript - Tổng hợp các dạng check input đầu vào với Javascript

  • Tác giả: Alias
  • Ngày đăng: 2020-08-15
  • Đánh giá: 4 ⭐ ( 7646 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: java code alias
    How to check input with javascript
    check number
    Link source code___
    https://drive.google.com/drive/folders/1-yBKf-aVqSl5WWZr-ZYzlyqdJtJe9at8?usp=sharing
    Nếu thấy video hữu ích thì bạn có thể donate cho admin để up nhiều video hơn nhé
    Bidv: 45210000394275
    Momo: 0345666656
    Trịnh Thế Hoàn
    -------------------------
    Link group học code: http://bit.ly/39eFZOi
    Link facebook cá nhân: http://bit.ly/38fi69c
    Link website: http://Alias.vn/
    Link đăng kí kênh để nhận video free: http://bit.ly/2SyBebr
    Mình nhận code website, dự án... dạy nhóm, gia sư 1-1 online cho các bạn ở xa, bạn nào cần cứ ib facebook hoặc mail cho mình nhé.
    Đội ngũ Alias chuyên support IT cho các bạn ở đại học FPT Hà Nội - Ngoài ra còn support IT cho các bạn ở đại học Quốc Gia và Bách Khoa...
    Channel hướng dẫn các bạn lập trình C, C, C++, Java, Java desk, Java Web, jsp - servlet, web service, asp.net đồng thời hướng dẫn các bạn các thủ thuật hữu ích giúp cuộc sống đơn giản và dễ dàng hơn.
    Nếu nhạc nền bị gặp vấn đề bản quyền. Mong các bạn gửi mail tới trinhthehoan989@gmail.com. Mình sẽ trả lời lại trong vòng 2h ạ.
    laptrinh
    code
    java
    c
    javascript
    html
    css

Các loại dữ liệu đầu vào của phần tử input trong HTML

  • Tác giả: quantrimang.com
  • Đánh giá: 5 ⭐ ( 2032 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài viết giới thiệu các kiểu dữ liệu đầu vào cho phần tử input.

Các kiểu input trong HTML

  • Tác giả: tedu.com.vn
  • Đánh giá: 4 ⭐ ( 9204 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Tìm hiểu về các kiểu input trong HTML

Các loại đầu vào HTML

  • Tác giả: pluginthanhtoan.com
  • Đánh giá: 5 ⭐ ( 9670 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: botvietbai.com cung cấp các hướng dẫn, tài liệu tham khảo và bài tập trực tuyến miễn phí bằng tất cả các ngôn ngữ chính của web. Bao gồm các chủ đề phổ biến như HTML, CSS, JavaScript, Python, SQL, Java, và nhiều hơn nữa.

Form Validation Part 1: Validation in HTML - Xác thực Form với mã HTML

  • Tác giả: viblo.asia
  • Đánh giá: 5 ⭐ ( 2648 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Hầu hết các thư việc validate Javascript đều rất lớn và thường yêu cầu các thư viện đi kèm như jQuery. Nhưng sự thật chúng ta không thể dùng hết những thứ được đi kèm trong các thư viện đó. Việc đó gâ...

maxlength bị bỏ qua cho loại đầu vào = Số hiệu Số trong Chrome

  • Tác giả: qastack.vn
  • Đánh giá: 3 ⭐ ( 8067 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: [Tìm thấy giải pháp!] Từ tài liệu của MDN cho Nếu giá trị của các loại thuộc tính là text,…

[Tự học HTML] Các Input Types trong HTML

  • Tác giả: cafedev.vn
  • Đánh giá: 3 ⭐ ( 2992 lượt đánh giá )
  • Khớp với kết quả tìm kiếm: Bài này chúng ta sẽ tìm hiểu về một số phần tử input trong form của HTML

Xem thêm các bài viết khác thuộc chuyên mục: Kiến thức lập trình

Xem Thêm  DATEADD (Transact-SQL) - Máy chủ SQL - thêm tháng trong máy chủ sql