サポート » プラグイン » Contact form7でajaxzip3を使った時、住所と郵便番号が必須項目に出来ない

  • 解決済 mainoko

    (@mainoko)


    郵便番号から住所を自動入力する「ajaxzip3」を使っています。

    <input type="text" name="zip"  onKeyUp="AjaxZip3.zip2addr(this,'','address','address');">
    <input type="text" name="address">

    このような感じで項目を設置しており、自動入力機能自体はキチンと動作しているのですが
    この2項目を必須項目にすることが出来ず困っています。
    コード内にaria-requiredなど追加してみましたが、必須項目として認識されません。
    どのようなコードを追加すれば必須項目に出来るでしょうか?

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • テキストフィールドはcontact form7のショートコードを使って、onkeyupイベントはjQueryでやるといけるようです。(未検証です)

    http://php-fan.org/wordpress-contactform7-ajaxzip3.html

    トピック投稿者 mainoko

    (@mainoko)

    解決しました。
    以下ページを参考にしました。

    ・「contact form 7」で使う の箇所
    http://www.magical-remix.co.jp/magicalog/archives/3360

    具体的にはテーマのheader.php内の<?php wp_head(); ?>の下に以下を記述しました。

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8/jquery.min.js"></script>
    <script src="https://ajaxzip3.github.io/ajaxzip3.js" charset="UTF-8"></script>
    <script type="text/JavaScript">
    jQuery(function(){
    	jQuery('#zip').keyup(function(event){
    		AjaxZip3.zip2addr('zip','','address','address');
    		return false;
    	})
    })
    </script>

    そして、フォーム側はこうです

    <h2>郵便番号 ※</h2>
    <p>
    [text* zip id:zip]
    </p>
    
    <h2>ご住所 ※</h2>
    <p>
    [text* address id:address]
    </p>
2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「Contact form7でajaxzip3を使った時、住所と郵便番号が必須項目に出来ない」には新たに返信することはできません。