タグ

フォームに関するnextworkerのブックマーク (2)

  • option要素のプルダウンメニューテンプレート[セパレーター・年号・都道府県] | kotaログ

    フォームで使用するoptionですが、年号など決まった形のものはテンプレートがあると便利です。選択できないセパレーター、西暦・和暦(平成/昭和)・月・日、都道府県のoption要素です。記事の最後には一式ダウンロードのファイルもリンクしています。 動作サンプル 選択できないセパレーター(リストを開いて罫線部分) 年号(西暦・和暦)と月日 ソースコード(一部) 選択できないセパレーター <p> <select> <option value="" selected="selected">選択して下さい</option> <option disabled="disabled" >--------</option> <option value="選択肢01">選択肢01</option> <option value="選択肢02">選択肢02</option> <option value="選択肢

  • jQueryでバリデーション付きメールフォームを作ろう (1/3)

    今回はjQueryを使って、「問い合わせフォーム」にバリデーション(検証)機能を付ける方法を解説します。入力漏れや入力ミスがないか、サーバーへ送信する前に、クライアント側であらかじめ簡易的な検証を済ませることで、フォームのユーザビリティを高められます。今回のサンプルでは特に、入力漏れやミスのあった項目を分かりやすくユーザーに示すように工夫しています。 バリデーションルールをclass属性で設定 「問い合わせフォーム」のサンプルとして、以下のようなWebページを作成します。バリデーション機能としては、必須項目の「お名前」「性別」「どこでこのサイトを知りましたか?」「お問い合わせ内容」が入力されているか、「郵便番号」が数値で入力されているか、「メールアドレス」がメールアドレスの書式になっているか、「メールアドレス」と「メールアドレス(確認)」に入力されたテキストが同じか――をチェックします。

    jQueryでバリデーション付きメールフォームを作ろう (1/3)
  • 1