問題 × 解決策

jQueryでフォームのテキストフィールドの入力された値を取得する

問題

jQueryでフォームのテキストフィールドの入力された値を取得するには?

解決策

「$('テキストフィールドのセレクタ').val()」で、入力された値を取得することができる。

フォームの送信前に最終確認の通知を出す

フォームの送信前に最終確認の通知を出す方法は様々あるとは思いますが、今回はcolorboxで表示する記述例をご紹介します。

DEMOはこちら

  • テキストフィールドからフォーカスが外れると、その段階で入力されている内容がアラートで表示されます。

HTML

<form action="" method="post">
<p class="formbottom"><input type="text" class="focusout"></p>
</form>

入力された内容が表示される記述例

テキストフィールドからフォーカスが外れたら、入力された内容がアラートで表示される記述例は以下となります。

$("form input.focusout[type='text']").focusout(function(){
	alert( $(this).val() );
});

ポイント!

  • 「$(‘テキストフィールドのセレクタ’).val()」を行うことで、入力された値を取得することができます。
  • 「$(‘セレクタ’).focusout(function(){ });」を行うことで、フォーカスが外れた時に処理を行うことができます。

参照

以下のサイトが、より詳しく解説してくれています。

【jQueryでテキストボックスの値を取得する – jQuery + JavaScript プログラミング】
https://www.ipentec.com/document/javascript-jquery-get-textbox-value

 

コメント

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

5 − 2 =

「問題 × 解決策」
月別アーカイブ一覧

「問題 × 解決策」
月別アーカイブ一覧