Question

我正在使用AngularJs为Android创建Cordova应用程序。我的应用中有一个输入PIN页面。我需要为我的输入文件添加以下验证：

输入应为数字。（需要显示数字键盘）。
最大长度应为4。
字段类型应为密码。

我尝试了<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>

由于

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

1 个答案: