リビジョン 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