javascript - AngularJs Cordova android 应用程序中输入字段的 4 位密码 PIN 验证

Question

我正在使用 AngularJs 创建一个适用于 Android 的 Cordova 应用程序。我的应用程序中有一个输入 PIN 码页面。我需要为我的输入字段添加以下验证:

1. 输入应为数字。(需要显示数字键盘)。
2. 最大长度应为 4。
3. 字段类型应为密码。

我试过<input type="password" maxLength="4" inputmode="numeric" pattern="[0-9]*"/>

在上面的代码中，最大长度验证正在工作，并获取输入作为密码。但数字键盘或数字验证对我不起作用。

然后我尝试了<input type="number" min=1000 max="9999"/>

在上面的代码中，4 位数字验证正常工作并获得数字键盘。但这些值不受密码保护。

我需要 Android 中的这个解决方案。您能给我一个解决方案吗？

谢谢

Answer 1

我从 here 得到了答案和 here发布。

请在下面找到我得到的解决方案:

<input id="password" oninput="maxLengthCheck(this)" maxlength="4" type = "number"  placeholder="Enter Pin" name="password" required /> 


<script>
  function maxLengthCheck(object) {
    if (object.value.length > object.maxLength)
        object.value = object.value.slice(0, object.maxLength)
    }
</script>

<style>
    input[type=number] {
        -webkit-text-security: disc;
    }
</style>

谢谢