統計
| ブランチ: | リビジョン:

pictcode / app / View / top / contact.ctp @ 001918d1

履歴 | 表示 | アノテート | ダウンロード (3.786 KB)

1 1711ffed shiwa
<!-- お問い合わせ -->
2
	<main role="main">
3
		<article class="contact">
4
			<h2>
5
				<img src="/img/img_h1_contact01.png" alt="お問い合わせ - 送信内容入力">
6
			</h2>
7 a0ff9cef shiwa
			<p>PictCodeに関するお問い合わせやご相談、ご質問などがございましたら、下記のお問い合わせフォームより対応いたします。</p>
8 1711ffed shiwa
		<hr>
9 b3a58ce1 hasse
			<?php echo $this->Form->create('ContactValidate',array(
10
										'div' => false,
11
										'novalidate' => true,
12
										'inputDefaults' => array(
13
									        'before'  => '<dt>',
14
									        'between' => '</dt><dd>',
15
									        'after' => '</dd>',
16
									        'div' => false
17
									        )
18
										)); ?>
19
				<fieldset>
20
					<section>
21
						<dl>
22
							<?php
23
								echo $this->Form->input('name',
24
									array( 'type' => 'text',
25
											'label' => 'お名前',
26
											'placeholder'=>'お名前'
27
										));
28
								echo $this->Form->input('email',
29
									array('placeholder'=>'半角英数字',
30
											'label' => 'メールアドレス',
31
											'maxlength' => '255',
32
								 			'type' => 'email'));
33
								echo $this->Form->input('email',
34
									array('placeholder'=>'半角英数字',
35
											'label' => 'メールアドレス(確認用)',
36
											'maxlength' => '255',
37
								 			'type' => 'email'));
38
								echo $this->Form->input('postcode', array('label'=>'郵便番号',
39
											'onkeyup'=>'zipsearch()',
40
											'placeholder'=>'半角数字で入力して下さい',
41
											)); 
42
								echo $this->Form->input('prefecture', array('label'=>'ご住所',
43
											'placeholder'=>'例) ○○県 ○○市○○町 ○丁目 ○‐○',
44
											)); 
45
								echo $this->Form->input('address',
46
									array('label'=>'',
47
											'placeholder'=>'例) ○○ビル○○号室',
48
											)); 
49
								echo $this->Form->input('tel',
50
									array('placeholder'=>'半角英数字',
51
											'label' => 'お電話番号',
52
											'maxlength' => '13',
53
								 			'type' => 'text'));
54
								echo $this->Form->input('comment',
55
									array('placeholder'=>'お問い合わせ内容をご記入ください',
56
											'label' => 'お問い合わせ内容',
57
											'maxlength' => '2000',
58
								 			'type' => 'textarea'));
59
60
							?>
61
						</dl>
62
					</section>
63
				</fieldset>
64
65 1711ffed shiwa
			<section class="button_area01">
66 b3a58ce1 hasse
				<a href="/top/index"><p class="button btn_back01"></p></a>
67
				<?php echo $this->Form->submit('',array('class'=>'button btn_check01')); ?>
68
				<?php echo $this->Form->end(); ?>
69
<!-- 				<a href="contact_check.html"><p class="button btn_check01"></p></a>
70
 -->			</section>
71 1711ffed shiwa
		</article>
72 b3a58ce1 hasse
	</main>
73
74
75
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
76
<script type="text/javascript">
77
function zipsearch(){
78
        $.ajax({
79
            type: 'post', // 通信方式 POST or GET (デフォルトはGET)
80
            url: '/Top/zipsearch', // 通信先
81
            dataType: 'json', // データのタイプ
82
            data: { // 連想配列で入力値を受け渡す。http://User?po=hogeになる。
83
                "data[ContactValidate][postcode]": $('input#ContactValidatePostcode').val()
84
            },
85
            // 成功した場合
86
            success: function(data){
87
		console.log('data',data);
88
		// console.log(data.Zipcode.cho);
89
		$('input#ContactValidatePrefecture').val(data[0].zipcodes.ken+' '+data[0].zipcodes.shi_ku+' '+data[0].zipcodes.cho);
90
		// $('input#UserAddress').val(data.Zipcode.shi_ku+' '+data.Zipcode.cho);
91
		//$('input#UserAddress').val(data.Zipcode.cho);
92
            }
93
            // ,
94
            // // // 通信できなかった場合(オプション)
95
            // // error: function(){
96
            // //     alert('なんかミスってる..');
97
            // }
98
        });
99
//    });
100
};
101
</script>