タグ

2014年3月25日のブックマーク (2件)

  • FORM入力データ確認ページの作成 サンプル

    From: someone@some.where.jp To: user@mbox.kyoto-inet.or.jp Subject: Form Test Date: Wed, 15 Jan 1997 01:23:45 +0900 氏名=京都 太郎 住所=京都市下京区中堂寺南町 TEL=075-999-9999 品名=京漬物詰め合わせ 単価=3,000 数量=5 小計=15,000 消費税=750 合計=15,750 Mail_From=someone@some.where.jp Mail_To=user@mbox.kyoto-inet.or.jp Mail_Subject=Form Test Next_Page=/people/user/ (1) 商品購入ページ でお客様が内容をFORMに入力し、「購入」ボタンを押すと、入力内容を再度表示する (2) 確認ページ になります。 そこでお

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

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

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