[JS]jQueryでフォームへテキストのペーストを禁止する方法

Javascriptスニペット

2015.02.14

<input type=”text”>などのフォームへテキストをペーストさせないようにjQueryで制御する方法のご紹介です。

フォームのサンプル
jQueryでフォームへのテキストのペーストを禁止

フォームのサンプル

HTML側のフォーム部分は以下のようにします。

<form class="notpast">
お名前:<input name="name" type="text" />
<br/><br/>
フリガナ:<input name="furigana" type="text" />
<br/><br/>
ご住所:<input name="address" type="text" />
</form>

お名前:<input name="name" type="text" />

フリガナ:<input name="furigana" type="text" />

ご住所:<input name="address" type="text" />

</form>

formタグのクラスにnotpastを指定しています。

jQueryでフォームへのテキストのペーストを禁止

</body>タグの直前（フォームの記述よりも下）に以下のような記述を行います。

<script src="./jquery.min.js"></script>
<script>
$(".notpast").on('paste','input[type=text]',
	function(){
	return false;
});
</script>

$(".notpast").on('paste','input[type=text]',

function(){

return false;

});

</script>

notpastクラスを指定したformのinput type=”text”で、テキストのペーストを禁止するようにしています。

jQueryによるフォームへのテキストペースト禁止のデモ