問題タブ [maskedinput]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
3 に答える
4044 参照

asp.net - AjaxControlToolkit MaskedEditExtender - カスタム マスクの外観

MaskedEditExtender を使用して、テキスト ボックスに日付を入力するために使用する形式をユーザーに示しています。dd/MM/yyyyマスクをの代わりに変更するにはどうすればよい__/__/____ですか?

0 投票する
2 に答える
3265 参照

jquery - マスクされた入力jQueryプラグインをカスタマイズする方法

私はからjQueryマスクプラグインを使用しています

http://digitalbush.com/projects/masked-input-plugin/

プラグインをカスタマイズしたいのですが、最善を尽くしましたが、できません。

私が欲しいのは

  1. 数字しか入力できません。
  2. すべての数字は、3番目の数字ごとに自動的にフォーマットされます(、)。
  3. (。)の後の2桁のみ

私はこのマスクを使用しています:

これに伴う問題は、150.50だけを入力する必要がある場合、正確な場所とタイプにカーソルを合わせる必要があることです。

たとえば、上記のマスクで150.50と入力すると、テキストボックスは次のようになります。 [][][],[][][],150.50 ここで、[]は空白です。私が欲しいのは、余分な(、)を付けずに、150.50だけを表示することです。
1150.50と入力すると、1,150.50が表示されますが、入力が完了するとフォーマットが自動的に行われるようにし、余分な(、)を表示したくない場合。

0 投票する
4 に答える
4162 参照

c# - フォーム送信後に入力マスクからリテラルを削除するには?

ASP.NET 3.5 Webform アプリで jQuery 用の Josh Bush の MaskedInput プラグインを使用しています。

フォーム送信後にコード ビハインド ファイルのリテラルを取り除く方法は?

例: マスクを使用した電話入力$("#txtPhone").mask("(99)9999-9999");

コード ビハインドで:

私を返します:(12)3456-7890

しかし、これは私が欲しいものです:1234567890

プラグインの変更履歴ページには、mask()これをアーカイブするために引数なしでメソッドを使用できると書かれています。しかし、コードビハインドからそれを行う方法は?!

編集

私の質問は明確ではなかったので、マスクされていない値をサーバーに送信したいと思います。どうやってするか?

0 投票する
1 に答える
1299 参照

jquery - jQuery マスク入力プラグインがスマートフォンで動作しない

jQueryのマスク入力プラグインを長い間使用しています。

http://digitalbush.com/projects/masked-input-plugin/

昨日、Driod フォンでプラグインが不規則に動作するというサポート チケットを受け取るまで、プラグインに問題はありませんでした。

たとえば、ユーザーがデモ タブの電話番号に (123)345-9646 という電話番号を入力しようとすると、(321)345-4696 などと表示されます。

私はスマートフォンを所有していないため、実際にテストすることはできません。

この問題を解決する最善のアプローチが何であるかはわかりません。このプラグインのスマートフォンでの既知の問題はありますか?

ありがとう

0 投票する
1 に答える
1705 参照

jquery - Masked Input プラグインを使用する入力を複製するにはどうすればよいですか?

jQuery のMasked Input プラグインを使用して、ユーザーが日付、郵便番号、電話番号などのフィールドに有効な入力を入力できるようにしています (また、Validateを使用して、問題が正しくない限りフォームを送信できないようにしています。ヒント。)

私の問題は、マスクされた入力を使用するものを含む入力の行を複製できる必要があることです。通常、jQueryclone(true)はバインドされたイベントを複製された DOM ノードと一緒にコピーしますが、何らかの理由で、これはマスクされた入力では機能しません。複製された入力をクリックすると、元の入力にフォーカスされます。

プラグインの作成者もこの問題を抱えているようですが、私の知る限り、まだ解決されていません。

誰にも回避策がありますか?unmask()新しい入力を呼び出して、元のルールを適用するためにもう一度実行できると思いますmask()が、それらのルールが何であるかをハードコーディングしたくありません。それらを元の入力から決定して、1 か所でコーディングするだけでよいようにしたいと考えています。

0 投票する
7 に答える
33446 参照

jquery - jQuery Validate とマスクされた入力の間の競合

電話番号と米国の郵便番号フィールドにjQuery ValidateMasked Inputの両方を使用するフォームがあります。

たとえば、米国の郵便番号の場合、Masked Input は数字のみの入力を許可し、"99999" または "99999-9999" (9 は任意の数字) のいずれかの形式を強制します。Validate ルールでも同じことが必要です。しかし、実際には有効であるべきフィールドが Validate によって無効としてマークされる場合があります。

コード仕様

jQuery Validate が郵便番号フィールドで使用している正規表現は^\d{5}$|^\d{5}\-\d{4}$.

Masked Input で適用しているマスクは.mask('99999?-9999')

再現する手順

次の操作を行うと、それらの間の競合が発生します。

  • 無効な郵便番号 (3 桁など) を入力してください
  • タブでフィールドから離れます。マスクされた入力は入力を消去し (予期される動作)、jQuery Validate は空白であるため無効としてマークします (これも予期されます)。
  • 郵便番号フィールドに戻り、有効な5 桁の郵便番号を入力します。
  • タブでフィールドから離れます。まだ無効としてマークされています。これは予想外です。

9 桁の郵便番号を入力すると、この問題は発生しません。

仮説

このエラーは、5 桁の zip の場合、Masked Input が一時的に "-____" を挿入して、オプションでダッシュとさらに 4 桁を入力できることをユーザーに示すためだと思います。これはぼかしで削除されますが、アンダースコアが許可されていないため、削除される前にフィールドが検証されて失敗します。

この仮説は、フォームが後で再検証された場合に zip フィールドがパスするという事実によって裏付けられています。私はこれを2つの方法で行いました:

  • フォームを送信することにより; 送信ボタンがクリックされ、zip フィールドが通過し、フォームが送信されると、すべてのフィールドが再検証されます。

  • blurその特定のフィールドを再検証するイベントを設定する。例えば:

    $("#zipcode").blur(function(){ $(this).closest('form').validate().element($(this)); });

これはハッキーな解決策として役立ちますが、満足できるものではありません。なぜなら、1) デフォルト設定はすでにぼかし時に再検証されているため、これが繰り返され、2) 通常の Validate ルール以外に追加のコードが必要になるためです。

他の誰かがこの問題に遭遇しましたか? 追加のぼかしイベント リスナーを設定するよりも洗練されたソリューションはありますか?

更新: ハッキング ソリューションの適用

上記のハッキーなソリューションを適用しても、思ったほどうまくいきません。たとえば、これは機能しません:

...これもしません:

...しかし、これは:

これらの要素は AJAX によって読み込まれる.eachため、フォーム セクションが読み込まれるたびにバージョンを実行する必要があります。

0 投票する
1 に答える
927 参照

jquery - jquerytools と $.maskedinput の競合

奇妙な問題について助けが必要です。

私は jQueryTools を使用しており、非常に満足していますが、maskedinput プラグインの $.mask() メソッドが jQueryTools の .mask() プロパティと競合していると思います。両方を一緒に使用すると、コンソールに「オブジェクトに load() などのメソッドがありません」と表示されます。ドキュメントから masket 入力 js を削除すると、オーバーレイはすべて問題ありません。

$.maskedInputs

jQueryTools .mas()

そのような経験はありますか?

ありがとう

0 投票する
0 に答える
559 参照

jquery - Masked Input プラグインがモバイル デバイスで奇妙な動作をする?

次のウェブサイトのマスク入力プラグインを使用しています。ラップトップからマスクを外すと、MAC アドレスに対しては正常に機能します。たとえば、e1 と入力すると、コロンをスキップして入力を続けますが、モバイル デバイスからページにアクセスすると、11 を入力するつもりです。 :22:33:44:55:66 の場合、カーソルは常に前面にあり、66:55:44:33:22:11 と入力されます。

0 投票する
1 に答える
4191 参照

jquery - ページを送信すると、マスクされた入力電話番号がテキストボックスをクリアします

私はそれに2つの問題があります:

1)私はこのような電話フォーマットを持っています:

フォームを送信するときに、ユーザーが10個の数字すべてを入力したかどうかを検証したいので、このようなことを試しましたが、

しかし、どういうわけかマスク文字を取得しています。どうすれば電話番号だけを取得できますか?

2) フォームを送信すると、電話番号のテキスト ボックスがクリアされます。電話番号をテキスト ボックスに保持するにはどうすればよいですか?