Warning: The magic method Visual_Form_Builder::__wakeup() must have public visibility in /home/xsvx1010357/kato.space/public_html/wp/wp-content/plugins/visual-form-builder/visual-form-builder.php on line 68

Warning: The magic method Visual_Form_Builder_Form_Display::__wakeup() must have public visibility in /home/xsvx1010357/kato.space/public_html/wp/wp-content/plugins/visual-form-builder/public/class-form-display.php on line 35
WordPress +bootstrap4で業務用メールフォームを作る。│加藤電業社  色々と検証サイトですよ。
NO IMAGE

WordPress +bootstrap4で業務用メールフォームを作る。

  • 2018年11月4日
  • 2018年11月11日
  • 未分類
  • 65view

先程記事あったように、続けて業務用のメールをフォームを作ってみる。
まずいくつか現時点で気になる点も含めて箇条書きにしてみる。

  1. 入力して内容確認表示
  2. 郵便番号や住所など補足
  3. 項目が増やす減らすなどどうするか(運用的に)

まぁ色々あるが、まずは作ってみる。

サンプルとして固定ページを用意してテンプレートとして記述。

参考:https://studio-key.com/tips/bootstrap-mailform-01

次に、確認画面を用意するが、まずPOST値を全て表示させるファイルを作る。
バリデーションを実装する。
https://github.com/posabsolute/jQuery-Validation-Engine

 


なぜ動かない。デモは動く。
試しにまずはデモを流用したものを用意。
http://kato.space/demo_jQuery-Validation-Engine-master/demos/

これはバリデーションが動く。

次に、ここにbootstrap4を入れ込み、当然jquery-3.3.1を使う事になるが…
http://kato.space/demo_jQuery-Validation-Engine-master/demos/index02.html

/jquery.validationEngine-ja.jsも読み込み
そして、jquery-3.3.1のslimタイプは使わずに。

http://kato.space/demo_jQuery-Validation-Engine-master/demos/index03.html

ちゃんと動いた…このテーマもしっかり見直ししたいところ。

 

 

 

 

 

 

 

 

NO IMAGE
最新情報をチェックしよう!

    Warning: Trying to access array offset on value of type bool in /home/xsvx1010357/kato.space/public_html/wp/wp-content/themes/the-thor/template-parts/single-prevnext.php on line 37

    Warning: Trying to access array offset on value of type bool in /home/xsvx1010357/kato.space/public_html/wp/wp-content/themes/the-thor/template-parts/single-prevnext.php on line 38

    Warning: Trying to access array offset on value of type bool in /home/xsvx1010357/kato.space/public_html/wp/wp-content/themes/the-thor/template-parts/single-prevnext.php on line 39

  • Warning: Trying to access array offset on value of type bool in /home/xsvx1010357/kato.space/public_html/wp/wp-content/themes/the-thor/template-parts/single-prevnext.php on line 83

    Warning: Trying to access array offset on value of type bool in /home/xsvx1010357/kato.space/public_html/wp/wp-content/themes/the-thor/template-parts/single-prevnext.php on line 84

    Warning: Trying to access array offset on value of type bool in /home/xsvx1010357/kato.space/public_html/wp/wp-content/themes/the-thor/template-parts/single-prevnext.php on line 85
>最強のWordPressテーマ「THE THOR」

最強のWordPressテーマ「THE THOR」

システムの構築・保守運用「   」 社内システム担当が欲しいが、専属で雇うほどの仕事量はない。 必要な時に必要なだけ頼りたいというお悩みを持つ企業様へ専門知識を持って対応を行っております。 サーバから各種システムまで自社・他社で構築されたシステムに対してサポートを行っております。

CTR IMG