pictcode

<!-- お問い合わせ -->

	<main role="main">

		<article class="contact">

			<h2>

				<img src="/img/img_h1_contact01.png" alt="お問い合わせ - 送信内容入力">

			</h2>

			<p>PictCodeに関するお問い合わせやご相談、ご質問などがございましたら、下記のお問い合わせフォームより対応いたします。</p>

		<hr>

			<?php echo $this->Form->create('ContactValidate',array(

										'div' => false,

										'novalidate' => true,

										'inputDefaults' => array(

									        'before'  => '<dt>',

									        'between' => '</dt><dd>',

									        'after' => '</dd>',

									        'div' => false

									        )

										)); ?>

				<fieldset>

					<section>

						<dl>

							<?php

								echo $this->Form->input('name',

									array( 'type' => 'text',

											'label' => 'お名前',

											'placeholder'=>'お名前'

										));

								echo $this->Form->input('age',

									array( 'placeholder'=>'半角数字',

											'label' => '年齢',

											'maxlength' => '2',

											'type' => 'text'

										));

								echo $this->Form->input('email',

									array('placeholder'=>'半角英数字',

											'label' => 'メールアドレス',

											'maxlength' => '255',

								 			'type' => 'email'));

								echo $this->Form->input('email',

									array('placeholder'=>'半角英数字',

											'label' => 'メールアドレス(確認用)',

											'maxlength' => '255',

								 			'type' => 'email'));

								echo $this->Form->input('postcode', array('label'=>'郵便番号',

											'onkeyup'=>'zipsearch()',

											'placeholder'=>'半角数字で入力して下さい',

											)); 

								echo $this->Form->input('prefecture', array('label'=>'ご住所',

											'placeholder'=>'例） ○○県 ○○市○○町 ○丁目 ○‐○',

											)); 

								echo $this->Form->input('address',

									array('label'=>'',

											'placeholder'=>'例） ○○ビル○○号室',

											)); 

								echo $this->Form->input('tel',

									array('placeholder'=>'半角英数字',

											'label' => 'お電話番号',

											'maxlength' => '13',

								 			'type' => 'text'));

								echo $this->Form->input('comment',

									array('placeholder'=>'お問い合わせ内容をご記入ください',

											'label' => 'お問い合わせ内容',

											'maxlength' => '2000',

								 			'type' => 'textarea'));

							?>

						</dl>

					</section>

				</fieldset>

			<section class="button_area01">

				<a href="/top/index"><p class="button btn_back01"></p></a>

				<?php echo $this->Form->submit('',array('class'=>'button btn_check01')); ?>

				<?php echo $this->Form->end(); ?>

<!-- 				<a href="contact_check.html"><p class="button btn_check01"></p></a>

 -->			</section>

		</article>

	</main>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script type="text/javascript">

function zipsearch(){

        $.ajax({

            type: 'post', // 通信方式 POST or GET (デフォルトはGET)

            url: '/Top/zipsearch', // 通信先

            dataType: 'json', // データのタイプ

            data: { // 連想配列で入力値を受け渡す。http://User?po=hogeになる。

                "data[ContactValidate][postcode]": $('input#ContactValidatePostcode').val()

            },

            // 成功した場合

            success: function(data){

		console.log('data',data);

		// console.log(data.Zipcode.cho);

		$('input#ContactValidatePrefecture').val(data[0].zipcodes.ken+' '+data[0].zipcodes.shi_ku+' '+data[0].zipcodes.cho);

		// $('input#UserAddress').val(data.Zipcode.shi_ku+' '+data.Zipcode.cho);

		//$('input#UserAddress').val(data.Zipcode.cho);

            }

            // ,

            // // // 通信できなかった場合（オプション）

            // // error: function(){

            // //     alert('なんかミスってる..');

            // }

        });

//    });

};

</script>