2018年05月8日(火)
jQueryで入力フォームのコピー＆ペーストを禁止する
会員登録などの入力フォームでメールアドレスの登録ミスをしないように
メールアドレスの入力欄を入力用、確認用と2つ設けて入力をしてもらうことがあり、
この2つの入力欄にメールアドレスを正確に入力してもらうために
入力フォーム内でのコピー＆ペーストができないようにする仕様がよくあります。このUIの良し悪しは別として、
そのような入力フォーム内でのコピー＆ペーストの制御について
jQueryを使って簡単に実装する方法を紹介します。jQueryで入力フォームのコピー＆ペーストを禁止する
「jQueryで入力フォームのコピー＆ペーストを禁止する」サンプルを別枠で表示
サンプル画面では2つの入力フォームを設けて
一つ目のフォームで入力したものをコピー及びカットする動作を禁止させ
二つ目のフォームでは入力する際のペースト（貼り付け）の動作を禁止しています。この入力フォーム制御の
◆HTML
全体構成についてまずはHTMLから。
- メールアドレス：
- ...
0
9
3
3
author:
BlackFlag
マークアップエンジニア矢次悟郎さんによる、jQueryをはじめとしたWebサイト制作に役立つで技術やサービスの情報発信ブログ
‹ PREV
[ユーザー投稿] グーグルのクラウドを支えるテクノロジー ＞ 第37回 継続的インテグレーションを支える自動テスト環境（パート1）
NEXT ›
今年一番の最安値！Adobe CC コンプリートプラン 12, 24, 36ヵ月版が5日間だけの期間限定セールを開催中
Ads
マークアップエンジニア矢次悟郎さんによる、jQueryをはじめとしたWebサイト制作に役立つで技術やサービスの情報発信ブログBlackFlagの記事『jQueryで入力フォームのコピー＆ペーストを禁止する』についてまとめています。
この記事は特にjavascript・jQuery・UX・ダウンロード・Googleについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のBlackFlagで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとBlackFlagの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。
