WEBアプリケーション制作のご紹介

jQueryでノンリロードメールフォームを作る

  • このエントリーをはてなブックマークに追加
  • LINEで送る

jQueryでメールフォームをノンリロードで処理する

以前同じエントリーを公開していましたが、今見るとあまりに稚拙!なので、一端削除して書き直しました。また、今回は自作プラグインぽいものを使い、より簡単に作る方向で解説していきます。

まず、入力チェックにはjquery.validationEngineを使います。 詳しくはこちらで解説してますのでご参考にどうぞ。

自作したプラグインぽいものはこちらからどうぞ

めんどいから全部ちょうだい!って方はどうぞ

各ライブラリーやCSSを読み込みます

自作したjquery.validationEngine.nonreload.jsのセットアップ

#formSample1の部分は作成したフォームのidを設定して下さい。

あと適当にフォーム作って下さい。

サンプル1 サンプル2 サンプル3

ホント適当で構いません。ボタンの挿入とか確認画面とか勝手にやってくれます。どんなフォームでも大丈夫!とはいきませんが、普通のメールフォームならまず問題ないと思います。

メール送信の部分だけ次のページで解説致します。

PAGE TOP