リビジョン b3a58ce1 app/View/top/contact.ctp

差分を見る:

app/View/top/contact.ctp
6 6
			</h2>
7 7
			<p>PictCodeに関するお問い合わせやご相談、ご質問などがございましたら、下記のお問い合わせフォームより対応いたします。</p>
8 8
		<hr>
9
			<section>
10
				<dl>
11
					<dt><label for="">お名前</label></dt>
12
					<dd><input type="text" name="name" value="" id="" placeholder="お名前" /></dd>
13
					<dt><label for="">年齢</label></dt>
14
					<dd><input type="text" name="age" value="" id="" pattern="^[0-9A-Za-z]+$" placeholder="半角数字" /></dd>
15
					<dt><label for="">メールアドレス</label></dt>
16
					<dd><input type="text" name="email" value="" id="" pattern="^[0-9A-Za-z]+$" placeholder="半角英数字" /></dd>
17
					<dt><label for="">メールアドレス(確認用)</label></dt>
18
					<dd><input type="text" name="email" value="" id="" pattern="^[0-9A-Za-z]+$" placeholder="半角英文字(再入力)" /></dd>
19
					<dt><label for="">郵便番号</label></dt>
20
					<dd><input type="text" name="email" value="" id="" pattern="^[0-9A-Za-z]+$" placeholder="半角数字で入力して下さい" /></dd>
21
					<dt><label for="">ご住所</label></dt>
22
					<dd><input type="text" name="address01" value="" id="" placeholder="例) ○○県 ○○市○○町 ○丁目 ○‐○" /></dd>
23
					<dd><input type="text" name="address02" value="" id="" placeholder="例) ○○ビル○○号室" /></dd>
24
					<dt><label for="">お電話番号</label></dt>
25
					<dd><input type="text" name="email" value="" pattern="^[0-9]+$" id="" placeholder="半角数字" /></dd>
26
					<dt><label for="">お問い合わせ内容</label></dt>
27
					<dd><textarea type="text" name="details" value="" id="" placeholder="お問い合わせ内容をご記入ください"></textarea></dd>
28
				</dl>
29
			</section>
9
			<?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('age',
29
									array( 'placeholder'=>'半角数字',
30
											'label' => '年齢',
31
											'maxlength' => '2',
32
											'type' => 'text'
33
										));
34
								echo $this->Form->input('email',
35
									array('placeholder'=>'半角英数字',
36
											'label' => 'メールアドレス',
37
											'maxlength' => '255',
38
								 			'type' => 'email'));
39
								echo $this->Form->input('email',
40
									array('placeholder'=>'半角英数字',
41
											'label' => 'メールアドレス(確認用)',
42
											'maxlength' => '255',
43
								 			'type' => 'email'));
44
								echo $this->Form->input('postcode', array('label'=>'郵便番号',
45
											'onkeyup'=>'zipsearch()',
46
											'placeholder'=>'半角数字で入力して下さい',
47
											)); 
48
								echo $this->Form->input('prefecture', array('label'=>'ご住所',
49
											'placeholder'=>'例) ○○県 ○○市○○町 ○丁目 ○‐○',
50
											)); 
51
								echo $this->Form->input('address',
52
									array('label'=>'',
53
											'placeholder'=>'例) ○○ビル○○号室',
54
											)); 
55
								echo $this->Form->input('tel',
56
									array('placeholder'=>'半角英数字',
57
											'label' => 'お電話番号',
58
											'maxlength' => '13',
59
								 			'type' => 'text'));
60
								echo $this->Form->input('comment',
61
									array('placeholder'=>'お問い合わせ内容をご記入ください',
62
											'label' => 'お問い合わせ内容',
63
											'maxlength' => '2000',
64
								 			'type' => 'textarea'));
65

  
66
							?>
67
						</dl>
68
					</section>
69
				</fieldset>
70

  
30 71
			<section class="button_area01">
31
				<a href="index.html"><p class="button btn_back01"></p></a>
32
				<a href="contact_check.html"><p class="button btn_check01"></p></a>
33
			</section>
72
				<a href="/top/index"><p class="button btn_back01"></p></a>
73
				<?php echo $this->Form->submit('',array('class'=>'button btn_check01')); ?>
74
				<?php echo $this->Form->end(); ?>
75
<!-- 				<a href="contact_check.html"><p class="button btn_check01"></p></a>
76
 -->			</section>
34 77
		</article>
35
	</main>
78
	</main>
79

  
80

  
81
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
82
<script type="text/javascript">
83
function zipsearch(){
84
        $.ajax({
85
            type: 'post', // 通信方式 POST or GET (デフォルトはGET)
86
            url: '/Top/zipsearch', // 通信先
87
            dataType: 'json', // データのタイプ
88
            data: { // 連想配列で入力値を受け渡す。http://User?po=hogeになる。
89
                "data[ContactValidate][postcode]": $('input#ContactValidatePostcode').val()
90
            },
91
            // 成功した場合
92
            success: function(data){
93
		console.log('data',data);
94
		// console.log(data.Zipcode.cho);
95
		$('input#ContactValidatePrefecture').val(data[0].zipcodes.ken+' '+data[0].zipcodes.shi_ku+' '+data[0].zipcodes.cho);
96
		// $('input#UserAddress').val(data.Zipcode.shi_ku+' '+data.Zipcode.cho);
97
		//$('input#UserAddress').val(data.Zipcode.cho);
98
            }
99
            // ,
100
            // // // 通信できなかった場合(オプション)
101
            // // error: function(){
102
            // //     alert('なんかミスってる..');
103
            // }
104
        });
105
//    });
106
};
107
</script>

他の形式にエクスポート: Unified diff