このところヒソカに、メールフォームの設置をやってます。
ベースは「MovableType備忘録: Ajax風なメールフォームを設置する」であり、メール送信部分に「The blog of H.Fujimoto：メールフォーム作成用プラグイン」を使っています。
以前bzbellさんのサイトにお邪魔していて出た話題、「フォーム入力のValidation」と「ウィンドウをポップアップにしてエフェクトを加える」のが改造点です。
ポップアップは「window.js」という、prototypeベースのScriptを使ってみています。簡単にエフェクトが作れるので、ひとまずこれで行ってみようと思ってます。
入力のValidationですが、以前から存在を知っていた「wForms」というのを使う予定でいます。
onBlurでリアルタイムにエラー表示する等、いろんな機能があるんですが、高機能な分ドキュメントを読み解くのに時間がかかってます。
サイトをうろうろしているうちに、これまた以前から「ウスウス」知ってはいた、同サイトのフォーム作成サービスが、実はものすごく便利な事に気が付きました。
[Create and Process State-of-the-Art Web Forms - The Form Assembly:2006/10/05 09:56:19]Create Web Forms, Collect Responses. It's That Simple*
オンラインでフォームを作成してくれる、サービスなのですが、これが「wform.js」を使ったValidation機能付きフォームを作成してくれます。
しかも、出来上がったフォームのダウンロードが可能です。
気付かなかったけど、これはすごく便利ですよ～。これをベースにフォームをカスタマイズした方が断然楽です。
これからフォーム設置する方、ぜひ使ってみてくださいね。
- Newer >: links for 2006-10-05
- < Older: links for 2006-10-04
ping a Trackback
- TrackBack URL for this entry.(1)
Comments:(2)
-
said
October 5, 2006 11:27 PM
|
ReplyThis!
こんにちわ^^
上記サービスって国内でいうフォームズみたいに、用意されたアイテムを自由に追加して作ったフォームを、ダウンロードすればそのまま自分のテンプレート内に埋め込むことができる…ということでしょうか。
そうだとしたらそれは便利かも、ですね(￣∇￣)b
しかも、ただのフォームじゃなくてValidation機能付きなんですよね。
いいかも♪-
-
replied for
bzbell's comment
October 6, 2006 4:35 AM
|
ReplyThis!
こんにちは！
ここでは、自分で入力フィールドを追加していきます。
「このフィールドは E-mail って名前で、入力が必須で、E-mailとして正しい形式になってなければならない」とかいう感じで、追加していきます。ダウンロードしたソースには、そのフォームが動作するのに必要なファイルがすべて入っています。
後はフォームのPost先を実際のものに変更するだけです。ただ一つ残念なのは、入力チェックがフォームのPost時に動くため、onClickでScriptからフォームへ渡す場合（AjaxCommentやAjaxFormなんか）は、思ったようにチェックしてくれない点ですね。
試してて気づいた・・・まぁ、工夫すればなんとかなるような気もするんですが。
-
スクリプトの読み込みが完了していません。
メールフォーム（Javascriptを使用していません）や、
Twitter経由のCommentでもReplyいたします。ただし返信はブログのコメントとして行う事もあります。