allis

Freely Form(フリーリーフォーム) とは

「1行の JavaScript タグを設置し、SubmitボタンへのID追加」だけで
HTMLフォームを作動させる事が出来るとてもシンプルで使い勝手のよいフォーム支援システムです。
SSL
無料
自由
簡単
無料 全ての機能を無料でご利用頂けます。
商用可 商用でもご利用頂けます。
カスタマイズ可 エラー文字列の変更など、カスタマイズ性も優れています。
簡単設置 「1行の JavaScript タグを設置し、SubmitボタンへのID追加」だけでご利用出来ます。
事前にメンバー登録+ID発行が必要です。
デザインフリー 「1行のJavaScriptとSubmitボタンへのID指定追加だけ」なので、自前で用意したデザインフォームをそのままでご利用出来ます。
一部変更出来ない箇所もあります。
ページ遷移無し 自前で用意したデザインフォームをそのままでご利用出来ますので「フォームだけ違うドメインページで行わなければならない」などというユーザビリティの悪さが発生しません。
オプション設定で、フォーム送信後にリダイレクトする事は出来ます。
SSL/HTTPS対応 セキュアな接続に対応していますので、お問い合わせフォームや注文フォームとしてもご利用頂けます。
httpsのみご利用頂けます。httpでの接続は出来ません。SSL暗号化対応が古いブラウザはご利用頂けません。
HTML5 HTML5に対応しております。
jquery
XMLHRL2
CSS3
HTML5世代の最新技術 CSS3 や XMLHttpRequest Level 2 などを利用しています。
未対応の古いブラウザではご利用頂けません。

スタートまでのフロー

メンバー登録
ID発行
設置タグ発行
該当フォームに設置
 

設置例(サンプル)

<head></head>内に記載する内容
ボタンに追加するID
1つのページに複数設置する事は出来ません。
このサンプルを設置したフォームで送信された内容は、サンプルメンバーでログインする事で確認出来ます。
実際の設置例

設置例(サンプルフォーム)

form作成手引き

複数選択可にする場合 nameに [] を追加してください。
name nameに指定された文字列は Freely-Form ID : sample に送信された内容 で表示される項目名にそのまま利用されます。

対応表

対応タグ input[checkbox radio text tel date time number hidden search datetime submit range url email color], textarea, select
input[file]は現在ご利用頂けませんが、今後対応予定です
対応ブラウザ google chrome 40, IE 11, Opera 27
他未確認

カスタマイズ / オプション

内部設定
  1. フォームで送信された内容を、設定したメールアドレスへ送信する事が出来ます。(標準設定の為メールは必ず送信されます)
  2. フォーム送信後にリダイレクトするURLを指定する事が出来ます(オプション)
この2つの設定は 管理→ 一覧 → 設定 で行う事が出来ます。
CSS !important でのデザインの強制変更 利用しているCSS構成は です。
これらを !important で固定しておく事により、より自由なカスタマイズが可能です。
外部設定
(エラー文字)
フォーム送信ボタンを押した時に出るエラーの文字を変更する事が出来ます。
{n} はそれぞれ設定している半角数字に変換されます。 Freely-FormのJavaScriptを読み込んだ後に読み込ませる事で上書き出来ます。
外部設定
(validator)
各input入力規則を設定する事が出来ます。
[''] の中には、inputなどのname属性に指定している文字を指定してください。
デフォルトではform内容にあるinputなどは全て入力必須として扱っているので、入力必須解除('required' :false)が一番良く利用されるかと思います。 Freely-FormのJavaScriptを読み込んだ後に読み込ませる事で上書き出来ます。
外部設定(上級者向け)

不具合報告や機能要望

更新履歴