札幌Web制作のシンクグラフィカ

input type="tel" でも確認画面に表示させたい。

ももらさん (2013-04-10 14:53:07) http://reserve.sixcore.jp/2013-4-10/request.html

お世話になります。

スマホ用に、この素敵なメールフォームを使用したいのですが、入力項目の
input type="text" を input type="tel"  へ変更した場合にinput type="tel" に変更した項目が確認画面に表示されなくなりました。

ただ、郵便番号の所もinput type="tel" に変えたのですが、ここは確認画面に表示されます。
なにか、ヒントでも構いませんので良い方法が御座いましたらご教授頂ければ幸いです。

どうぞ宜しくお願い申し上げます。

メールフォームプロのバージョン:mailform pro Ver.3.0.0
 

自己解決しました。

ももらさん (2013-04-10 18:04:29) http://reserve.sixcore.jp/2013-4-10/request.html

お世話になります。

郵便番号と同じく下記のように設定することで、確認画面でも表示されるようになりました。

<input type="hidden" name="ご連絡先(必須)[unjoin]+ご連絡先(必須)" value="" />
<input type="tel" name="ご連絡先(必須)" size="30" class="mfp" />


あとは、必須項目が反応しなかったのですが、mailform.jsの以下を
(obj.type == "text" || obj.type == "textarea" ))

(obj.type == "text" || obj.type == "textarea" || obj.type == "tel"))
このように追記することで何とか動いてくれているようです。

上記で何か不具合が起こるような事がありましたら、お時間があります時にでも補足頂ければ幸いです。

どうぞ宜しくお願い申し上げます。

Re:input type="tel" でも確認画面に表示させたい。

和田 (2013-04-15 19:05:10) www.synck.com

メールフォームプロ3.xはHTML5要素に対応していないので、可能であればメールフォームプロ4をご利用いただいたほうが安全です!

ありがとうございました

ももらさん (2013-04-17 03:23:59) http://reserve.sixcore.jp/2013-4-10/request.html

大変お忙しい中、ご返信板頂きありがとうございました!
メールフォームプロ4の存在は知っていたのですが、
何故か使いにくそうなイメージがあってメールフォームプロ3を使用しております。

安全安心との事なので、好き嫌いなく一度チャレンジしてみます。