年別アーカイブ: 2011

リセット前に確認し「リセットしました」を2秒表示

フォームの入力内容をリセットするとき、「リセットしてよろしいですか?」という確認ダイアログを出現させ、確認ダイアログ内で、「OK」を選択した場合、リセットを実行し、リセットボタンの横に、「リセットしました。」と、約2秒間程だけ表示する。確認ダイアログ内で、「キャンセル」を選択した場合は、リセットを中止するサンプル。 続きを読む

カテゴリー: JavaScript, フォーム, 逆引き | リセット前に確認し「リセットしました」を2秒表示 はコメントを受け付けていません

フォーム内容リセット前にダイアログで確認

フォームの入力内容をリセットするとき、「リセットしてよろしいですか?」という確認ダイアログを出現させ、確認ダイアログ内で、「OK」を選択した場合、リセットを実行し、確認ダイアログ内で、「キャンセル」を選択した場合は、リセットを中止するサンプル。 続きを読む

カテゴリー: JavaScript, フォーム, 逆引き | フォーム内容リセット前にダイアログで確認 はコメントを受け付けていません

送信フォームのメールアドレス入力内容をチェック

送信フォームのメールアドレス入力内容が正しいかをチェックし、メールアドレスの形式でなかった場合、「入力内容に不備があります。」というアラートを出現させ、送信せず、【メールアドレスを正しく入力して下さい。】と表示させるサンプル。 続きを読む

カテゴリー: JavaScript, フォーム, 逆引き | 送信フォームのメールアドレス入力内容をチェック はコメントを受け付けていません

送信フォームの入力文字数をチェック

送信フォームの入力文字数をチェックし、指定した文字数に対し、不足していたり、超過していたりした場合、「入力内容に不備があります。」というアラートを出現させ、送信せず、不足の場合は、「○○文字不足しています。」と表示させ、超過の場合は、「○○文字オーバーしています。」と表示させるサンプル。 続きを読む

カテゴリー: JavaScript, フォーム, 逆引き | 送信フォームの入力文字数をチェック はコメントを受け付けていません

送信フォームの入力内容が半角英数かチェック

送信フォームの入力内容が半角英数かどうかをチェックし、半角英数でなかった場合、「入力内容に不備があります。」というアラートを出現させ、送信せず、半角英数で入力させたい項目の項目名の右の「(半角英数で入力して下さい)」という注意書き部分の文字色が赤色、背景色が黄色になり、強調されるサンプル。 続きを読む

カテゴリー: JavaScript, フォーム, 逆引き | 送信フォームの入力内容が半角英数かチェック はコメントを受け付けていません

送信フォームの入力内容が半角数字かチェック

送信フォームの入力内容が半角数字かどうかをチェックし、半角数字でなかった場合、「入力内容に不備があります。」というアラートを出現させ、送信せず、半角数字で入力させたい項目の項目名の右の「(半角数字で入力して下さい)」という注意書き部分の文字色が赤色、背景色が黄色になり、強調されるサンプル。 続きを読む

カテゴリー: JavaScript, フォーム, 逆引き | 送信フォームの入力内容が半角数字かチェック はコメントを受け付けていません

送信フォームの必須項目が入力済みかチェック

入力必須項目に未入力があった場合、「必須項目は全て入力して下さい。」というアラートを出現させ、送信せず、未入力の必須項目の項目名の下に 【○○を入力して下さい】と表示させるサンプル。 続きを読む

カテゴリー: JavaScript, フォーム, 逆引き | 送信フォームの必須項目が入力済みかチェック はコメントを受け付けていません

セレクトボックス<select></select> | HTML タグ

セレクトボックスは、プルダウン形式、もしくは、リスト形式のフォーム部品。 続きを読む

カテゴリー: HTML, フォームタグ | セレクトボックス<select></select> | HTML タグ はコメントを受け付けていません

フォーム部品と説明文を関連付ける<label></label> | HTML タグ

ラベル<label></label>は、フォーム部品と説明文(キャプション)を関連付けることができる。

カテゴリー: HTML, フォームタグ | フォーム部品と説明文を関連付ける<label></label> | HTML タグ はコメントを受け付けていません

ラジオボタン<input type="radio"> | HTML タグ

ラジオボタンは、複数の選択肢の中から、1つだけ選択してもらう場合に使うフォーム部品。 続きを読む

カテゴリー: HTML, フォームタグ | ラジオボタン<input type="radio"> | HTML タグ はコメントを受け付けていません

スポンサード リンク