pictcode / app / View / top / contact.ctp @ 26d1f852
履歴 | 表示 | アノテート | ダウンロード (3.805 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 | 67acbfb5 | hasse | <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 | 67acbfb5 | hasse | echo $this->Form->input('email_confirm',
|
| 34 | b3a58ce1 | hasse | array('placeholder'=>'半角英数字',
|
| 35 | 'label' => 'メールアドレス(確認用)', |
||
| 36 | 'maxlength' => '255', |
||
| 37 | 'type' => 'email')); |
||
| 38 | 67acbfb5 | hasse | echo $this->Form->input('postcode', array('label'=>'郵便番号(ハイフンなし)',
|
| 39 | b3a58ce1 | hasse | 'onkeyup'=>'zipsearch()', |
| 40 | 67acbfb5 | hasse | 'placeholder'=>'半角数字', |
| 41 | b3a58ce1 | hasse | )); |
| 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 | 67acbfb5 | hasse | array('placeholder'=>'半角数字(00-0000-0000)',
|
| 51 | b3a58ce1 | hasse | '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> |