AngularJs Cordova安卓应用程序中输入的4位密码PIN验证

4 digit password PIN validation for input filed in AngularJs Cordova android applicaiton

本文关键字：4位 密码 PIN 验证 输入 Cordova 应用程序 AngularJs      更新时间：2023-09-26

我正在使用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。你能给我一个解决方案吗。

感谢

我从这里和这里的帖子中得到了答案。

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

<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>

感谢

相关文章：