web-dev-qa-db-ja.com

マスクされた入力がAndroid mobiles?

digitalbush masked input jQuery plugin を使用しています。 WebブラウザーとiPhoneブラウザーでは完全に機能しますが、Androidモバイルデバイスでは機能しません。

私の問題:マスクは入力フィールドにあります_-_-___。

数字を入力すると、12345685555 ___--

例: http://rossbender.com/temp/mask.html

助言がありますか?どうすれば解決できますか?

プラサドに感謝します。

30
Durga Prasad

すべてのAndroid 4.0+電話でこれを修正した3つのアクションでこの問題を解決しました。

  1. マスクされた入力を少なくともバージョンに更新します1.4
  2. type="tel"を入力に追加して、数値キーボードをトリガーします
  3. 入力のmaxlength属性を削除するか、20などのキャレットアクションを妨げない特定の値に設定します。
39
Tony Brasunas

ジョナサンロウニーが言及した生のスクリプトを使用してみましたが、S3-Chrome=ブラウザーで同じ問題を抱えていました。入力_type="tel"_と関係があると思います/または_type="number"_。別のプラグインを使用することになりました http://igorescobar.github.io/jQuery-Mask-Plugin/

jquery-maskjquery-masked-inputと混同しないでください)は非常に似ていますが、構文はわずかに異なっていました。これがこの問題を抱えている他の人に役立つことを願っています。

jqueryマスク入力構文:$("#phone").mask("(999) 999-9999");

VS

jquery-mask構文:_('#phone').mask('(000) 000-0000');_

7
duyn9uyen

これはしばらく前に修正されましたが、何らかの理由で、Webサイトに投稿されたディストリビューションが変更されませんでした。生のソースから取得する場合、修正は機能します: https://raw.githubusercontent.com/digitalBush/jquery.maskedinput/master/src/jquery.maskedinput.js

2
Jonathan Rowny

さまざまなマスクライブラリ(Inputmask、ui-mask、ngMask)を試した後、 jQuery-Mask-Pluginhttps://igorescobar.github.io/jQuery-Mask-Plugin/ これは非常にうまく機能し、軽量であり、十分に文書化されており、angularjs、react、...サンプルがあります。

2
Rathma

私はこの問題に遭遇し、aspテキストボックスから属性type = "number"を削除することで解決しました。その後、マスクされた入力はモバイルデバイスでも機能しました。

0
Lukas

質問で使用されているライブラリは現在メンテナンスされていません。アプリケーションを jQuery Mask Input に切り替えました。これは素晴らしい動作をするため、以前のライブラリと非常によく似たベースinit呼び出しがあり、非常に簡単に移行できます。この投稿の時点では jQuery Mask Input はGitHubで定期的に管理されています。

私の問題は、3桁または4桁が入力されたときに電話番号マスカーがカーソルを2番目の位置に戻すことでした。カーソルはそのポイントの後も奇妙な動きを続けました。 Android tablet using Chrome post major version 51.)でjQuery Masked Input v1.4.1(古いライブラリ)を使用すると、問題が見つかりました。

0
plaidcorp