文本框的MaxLength不受jQuery Mobile應用程序限制

Question

我在用戶輸入PIN碼的地方添加了以下標記。 我正在嘗試做一些非常基本的事情來將用戶限制為4位數字。

該解決方案在桌面瀏覽器上可以正常工作，但是在我的jQuery Mobile應用程序中的移動設備（以及在桌面瀏覽器中欺騙移動設備）上沒有任何限制，並且可以輸入4位以上的數字。

<input type="number" max="9999" min="1" maxlength="4" autocomplete="off" value="" class="tiny pin_number textbox" required="" name="payments[1872][pin]" pattern="\\d+">

我嘗試了min和max屬性。

我正在使用jQM v1.3.1的自定義版本

Answer 1

您是否嘗試過pattern屬性？ 像這樣 ？

<input pattern=".{3,}" required title="3 characters minimum">
<input pattern=".{5,10}" required title="5 to 10 characters">

參考： HTML5中是否有最小長度驗證屬性？

Answer 2

既然您正在使用jquery，您可以這樣做嗎？

var $input = $('input')
$input.keyup(function(e) {
    var max = 5;
    if ($input.val().length > max) {
        $input.val($input.val().substr(0, max));
    }
});

在這里找到它： 在移動瀏覽器上強制maxlength屬性