「フォーム」カテゴリーアーカイブ

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

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

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

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

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

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

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