2016-05-13 17 views
1

私はAngularJsを使用してアンドロイド用のCordovaアプリケーションを作成しています。私は自分のアプリにPINページを入力しています。入力フィールドに次の検証を追加する必要があります。AngularJsの入力ファイルの4桁のパスワードPIN検証Cordovaアンドロイドアプリケーション

  1. 入力は数字でなければなりません(数字キーボードを表示する必要があります)。
  2. 最大長は4にする必要があります。
  3. フィールドの種類はパスワードにする必要があります。

私は上記のコードでは、最大長の検証が動作していると、パスワードなどの入力を提出しました<input type="password" maxLength="4" inputmode="numeric" pattern="[0-9]*"/>

を試してみました。しかし、数字のキーボードや番号の検証は私のために働かなかった。

は、その後、私は上記のコードでは<input type="number" min=1000 max="9999"/>

をしようとした4桁の検証では、作業や数値のキーボードを持っています。しかし、値はパスワードとして保護されていません。

私はこの解決策をAndroidで必要としています。私に解決策を教えてください。

おかげ

答えて

2

は私がherehereポストから私の答えを得ました。

私が得た解決策の下に見つけてください:

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

おかげ

+0

に優れた..Thanksたくさん – MobX

関連する問題