携帯電話用のJSマスク。 jQueryを使用して電話フィールドをマスクしてチェックします。 すぐにマスクが必要

一目見ただけで答えは明らかです。バックアップ要件として電話番号フィールドを入力します。 ユーザーがサイトからアプリケーションフィールドを通じて署名できる場所もいくつかあります。 たとえば、プログラム、ソフトウェア、コンテンツを販売する Web サイトなどです。 ただし、このようなプロジェクトの顧客数は、将来の潜在的な顧客とのやり取りの可能性を可能にする追加情報として重要です。 さらに、最も簡単で効果的な解決策はマスクの使用であることは明らかです。 事例とともに取り上げてみましょう。

入力マスクは、どの形式でフィールドにデータを入力する必要があるかを示します。 たとえば、場所コードのない電話番号を入力したり、住所フィールドに電話番号を入力したりすると、目的の場所に移動できなくなります。 フォーム マスクによりデータが 1 対 1 で表示されるため、データベースの検索と管理が容易になります。 Netpeak の推奨事項によると、電話番号を入力するためのマスクは、サイト上の注文フォームの必須要素です。 ただし、当社のマネージャーによる実際的な推奨事項は、クライアントの成功事例に基づいています。

プログラムに特化したサイトなので、サイト上に数字を入力する欄が必須でした。 変更を可能にするために、サイトの注文フォームの「電話番号」フィールドに記入した 100 人のクライアントが Google Analytics のアカウントを変更するためにサインアップしました。 「電話番号」フィールドには、9 人の購入者からのログイン情報が入力されていません。 白樺にはマスクが配られ、女性たちはマスクを着用し始めました。 実験の純度を高めるため、フィールドから充填に必要なゴムを取り除き、その他の変更は何も加えませんでした。
ベレゼンの結果は、申請書に記入した22人の支援者を含む19の数字となった。 言い換えれば、プログラムを失った顧客の 85% が電話番号を失ったことになります。

クライアントのウェブサイトは、エッセイ、コースワーク、論文、その他の作品を書くためのサービスを提供します。 連絡するには特派員の電話番号が必要ですが、サイトではこのフィールドは不要でした。 Koristuvach 氏はフォームを覚えていないか、このフィールドに何も書き込んでいない可能性があります。 以前と同様に、最初の段階で、Google Analytics の「電話」フィールドに入力するオプションをインストールしました。 このサイトによってブロックされた 59 個のアプリケーションのリストのうち、15 個には番号がありませんでした。 したがって、同社は、登録番号が記載された提出フォームの 74.6% のみを拒否しました。 次に、電話フィールドに入力するマスクを追加しました。 ウェブサイトには60件の応募があった。 この場合、6 つの記入済みフォームがクライアントの電話番号に含まれていませんでした。 また、送信された支払いフォームの 90% が電話番号フィールドに正しく入力しました。 1 か月間で - ナンバーマスクを入力してから 15.4% 増加しました。 Nasamkinets は政府機関の内部事例です。

Netpeak Web サイトの注文フォームの番号フィールドも必須です。 すべての電話番号は、クライアントが自分のアプリケーションの番号とステータスを常に把握し (SMS データに依存しています)、またアカウント マネージャーの作業を最適化するために重要です。 実験期間はアドバンストバット同様2ヶ月です。 戦争を通じて、数字を入力するためのマスクが登場し、数百のフォームに 44% から 83% (39.4% 増加) に記入されました。
実験後、マスクをウェブサイトに送信しました。 番号を入力するフィールドは不要になりました。 フィールドに間違った番号が入力された場合、申請は処理されません。 この場合、塊の最初の数字は、Web サイト上で配置されるエッジ上の位置が変わります。 前払いの形式について話している場合、電話番号を含む申請がどの程度明確であるかを知ることが重要です。 私たちは申請フォームを通じて受け取ったすべての申請を受け取り、番号なしまたは番号付きで顧客に変換された数百件を数えました。 残りは0.81%の最大の増加を示した。

注: フォームから番号を提供されたからといって、資金が復元されるという保証はありません。

フォワード エンゲージメントの形式について話していると、クライアントを再アクティブ化する可能性、つまりクライアントの特別な電話番号のデータベースを作成したマーケティング担当者に開かれた可能性が浮かび上がってきます。 再アクティベーションの成功事例については、新しい投稿で学ぶ予定です。 それまでの間、データベース内の電話番号を使用してアクションを実行する前に何ができるかについて読んでみましょう。 電話番号入力マスクの実装に対する満足度や、届いた申請数についての懸念をコメントで共有してください。

この jQuery プラグインを使用すると、入力された電話番号に基づいて、一致する入力マスクを自動的に選択できます。 これにより、bezpomilkovym を見た人のために Web サイトの側に電話番号を作成することができます。 さらに、エントリ ルールはいくつかのエントリ マスクの形式で提示される可能性があるため、プラグインのサブディビジョンは他の領域では異なる場合があります。

世界の国の数が著しく少ないという事実に基づいて、すべての国を対象としたマスクのリストを作成することが決定されました。 実際、国際電気通信連合のウェブサイトに掲載されたニュースレポートは広く検討されました。

この情報を収集すると、多くの驚きが得られました。 情報収集の過程で、地域内の電話番号の可能なすべてのオプションを含める必要がありました。 ただし、手動で収集された情報が大量にあるため、収集されたデータベースに不正確な部分が存在する可能性があります。 1 時間以内に穂軸セットを修正する予定です。

その結果、分類順に次のような並べ替えルールが浮かび上がりました。

• キーダウン - 続いて Backspace キーと Delete キーを押す - メイン プロセッサがテキストから 1 文字を削除するため、前に入力したフロー マスクを変更します。 さらに、同期のためのテキスト入力モードを変更する Insert キーを押す必要があります。
• キーを押す - 入力する文字の一部は、元の入力マスクでは許可されない可能性があります (その中のすべての重要な文字はテンプレートの文字に置き換えられます)。新しい行が許可されたマスクの 1 つと一致するかどうかを確認する必要があります。 そのようなマスクがない場合、シンボルへの入力は破棄され、そうでない場合は入力マスクが更新され、その後入力がカーネル アナライザーに転送されます。
• 貼り付け、入力 - クリップボードからテキストを貼り付けます。 処理をカーネルに転送する前に、クリップボードからテキストを貼り付けた結果の行に対してマスクが選択されます。 入力マスクが選択されていない場合、テキストは 1 つの入力マスクで満足されるまで、端から 1 文字ずつトリミングされます。 val()関数をクリックして入力フィールド内のテキストを修正する場合や、入力フィールドに設定されている入力マスクを初期化する場合も同様の操作が行われます。
• ドラッグドロップ、ドロップ - プロセスはペーストと似ています。
• ぼかし - 入力マスクを満たさないため、フォーカスを失ったときにテキストをクリアするモードが増加するための追加処理。 このアイデアは、メイン コンパイラの後、フロント コンパイラの先頭に移されます。

すべてのアイデアは、入力されたマスクの範囲内に表示されます。 これにより、入力の初期化後にインプットマスクをクリックしたときの誤った動作を回避できます (カーネルは初期化時に、インプットマスク空間に以前にインストールされたすべてのプローブを記憶しているため)。

• MaskList - 入力マスク (素晴らしいオブジェクトのフラグメント) を保存するオブジェクトの配列。
• defs – テンプレート シンボルの配列 (私の場合、これは # シンボルです)。
• match - 重要な文字を説明する正規表現 (この場合は /|#/)。
• key – 入力マスクを配置する配列のオブジェクト パラメーターの名前。

接続すると、プラグインにはロボットを説明する特別なオブジェクトが渡されます。 このオブジェクトには、次のパラメータのセットが含まれています。

• inputmask - メインの inputmask プラグインに渡されるパラメーターを含むオブジェクト。
• match - テンプレート文字に加えて、意味のある文字を記述する正規表現。
• replace - すべての重要な文字を置き換えるワイルドカード文字。 putmask で指定されたオブジェクトのオブジェクト内にある可能性があります。
• list – 入力マスクを記述するオブジェクトの配列。
• listKey – 入力マスクを保存するオブジェクトの中央にあるパラメータの名前。
• onMaskChange - 入力マスクが更新されたときに呼び出される関数。 最初のパラメータが配列内のオブジェクトに渡されると、それぞれの入力マスクは入力されたテキストと一致し、もう一方 - 割り当てられたマスクの精度: true - 入力マスクは入力マスクと一致し、false - 信頼できるマスクの場合マスクの値を変更するには、追加の文字を入力する必要があります。

プラグインを初期化するには、入力フィールドの前に入力マスク メソッドを配置する必要があります。
$.fn.inputmasks = function(maskOpts, モード)

• MaskOpts - プラグインの動作を説明するオブジェクト。
• モード – 非言語。 現時点では、値 isCompleted がサポートされています。その結果、入力フィールド内のテキストが追加された場合、メソッドは true になり、それ以外の場合は false になります。