Skip to content
espar form DOCS

コンフィグテスト

esapr form に必要なクラス名指定に誤りが無いかを自動チェックしてくれるモードを用意しています。クラス名の指定が誤っている場合、以下のようにブラウザのコンソール上に示してくれるというものです。

debug_1-1-0

初めて espar form を組み込む場合や、フォームが期待通りに動作しない場合に御利用下さい。使用方法は以下の通りです。

  1. espar form の埋め込みコードの json 内に config_test : true を挿入する (挿入位置を間違えないで下さい) 
    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
    <script src="https://bridge.espar.biz/v1.3.0/form.js"></script>
    <script>
        var espar_form = { espfEsparFormMonitor : { api_key: "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX", debug:true }, config_test: true};
    </script>
  2. ブラウザで espar form を埋め込んでいる html ファイルをブラウザで開く
    (この際、Webサーバは不要です。htmlファイルをブラウザにドラッグ&ドロップして開いてもコンフィグテストは機能します)
  3. 表示される ERROR や WARN はエラーレベルを表す。これらを参考にクラス指定を修正する

エラーレベル

ブラウザのコンソール上に表示されるエラーレベルの意味は以下の通りです。レベルに応じて実装を確認し調整して下さい。

レベル説明
ERROR必ず修正する必要のある箇所です。多くの場合、必須項目がかけている場合に発生しますので、導入準備編・バリデーション・エラークラス などを再確認して下さい
WARN必ずしも修正する必要はありません。仕様上は指定可能なクラスだが使用されていない場合に表示されます
INFOクラスが指定されていることを認識した場合に表示されます