https://www.clm-sen.com/js/inquiry_form.js

1$(function(){
2
3//formのvalを格納したオブジェクトを生成して返す
4  var get_form_val = function(arg_now,result){
5    var contact_body = {
6        'kind':result,
7        'message':$('textarea[name="message"]').val(),
8        'group':$('input[name="group"]').val(),
9        'name':$('input[name="name"]').val(),
10        'tel':$('input[name="tel"]').val(),
11        'mail':$('input[name="mail"]').val(),
12        'date': arg_now.toLocaleString(),
13        'consent': $('input[name="consent"]:checked').val(),
14    };
15    return contact_body;
16  };
17
18//エラーチェック
19  var validation_form = function(arg_contact){
20  //初期化
21    $('.err_toggle').addClass('none');
22    var err_ary = [];
23
24  //お問い合わせ項目
25  if($('input[name="kind"]:checked').length===0){
26    err_ary.push('err_kind');
27    $('#err_kind').removeClass('none');
28  }
29
30
31  //必須項目の未入力
32    $('input[type="text"].plz_input,textarea.plz_input').each(function(){
33      var key = $(this).data('err');
34      if($(this).val() == ''){
35        $(key).removeClass('none');
36        err_ary.push(key);
37      }
38    });
39  
40
41//お問い合わせ内容
42
43// //会社名・団体名
44  // if($('input[name="group"]').val() != ''){
45  //   //全角のみ
46  //   if(!arg_contact.group.match(/^[^\x01-\x7E\xA1-\xDF]+$/)){
47  //     err_ary.push('err_group_match');//text入れてる
48  //     $('#err_group').removeClass('none');
49  //   }
50  // }
51
52  //郵便番号
53  // if($('input[name="postcode"]').val() != ''){
54  //   //郵便番号のみ
55  //   if(!arg_contact.postcode.match(/^\d{3}-?\d{4}$/)){
56  //     err_ary.push('err_postcode_match');//text入れてる
57  //     $('#err_postcode').removeClass('none');
58  //   }
59  // }
60
61//住所
62
63//ご担当者様名
64//   if($('input[name="name"]').val() != ''){
65//     //全角のみ
66//     if(!arg_contact.name.match(/^[^\x01-\x7E\xA1-\xDF]+$/)){
67//       err_ary.push('err_name_match');//text入れてる
68//       $('#err_name').removeClass('none');
69//     }
70//   }
71
72//ご担当者様名フリガナ
73//   if($('input[name="nameKana"]').val() != ''){
74//     //全角のみ
75//     if(!arg_contact.nameKana.match(/^[^\x01-\x7E\xA1-\xDF]+$/)){
76//       err_ary.push('err_nameKana_match');//text入れてる
77//       $('#err_nameKana').removeClass('none');
78//     }
79//   }
80
81  //電話番号
82  if($('input[name="tel"]').val() != ''){
83    //(国内固定、携帯、国際)電話のみ
84    if(!arg_contact.tel.match(/^(?:\+?\d+-)?\d+(?:-\d+){2}$|^\+?\d+$/)){
85      err_ary.push('err_tel_match');//text入れてる
86      $('#err_tel').removeClass('none');
87    }
88  }
89
90  //メールアドレス入力時は形式チェック
91  if($('input[name="mail"]').val() != ''){
92    if(!arg_contact.mail.match(/^([0-9A-Za-z\_\.\-]+)\@([0-9A-Za-z\_\-]+)\.([0-9A-Za-z\_\.\-]*)[a-z]{2}$/g)){
93      err_ary.push('err_mail_match');
94      $('#err_mail_format').removeClass('none');
95    }
96  }
97
98  // 「個人情報の取り扱いに同意する」
99  if (!$('input[name="consent"]:checked').val()) {
100    err_ary.push('err_consent');
101    $('#err_consent').removeClass('none');
102  }
103
104  //err_ary.lengthが１以上のとき、エラーの箇所に画面を移動する
105    if(err_ary.length === 0){
106      $('#check').addClass('none');
107      return true;
108    }else{
109      $('#check').removeClass('none');
110      $('html,body').animate({
111        scrollTop: $('#check').offset().top-40
112      }, 'slow');
113    };
114  };
115
116  var now;
117  var contact_body;
118
119//お問い合わせ項目　チェック
120  $('.send_btn').on('click',function(){
121  now = new Date();
122  //チェックBOX
123    var checker = [];
124    var result = '';
125    $("input[name=kind]").each(function(idx, elm) {
126        if($(elm).prop("checked")) {
127         checker.push($(elm).val());
128        }
129      });
130    result = checker.join(',');
131    //入力内容をオブジェクトに格納
132  contact_body = get_form_val(now, result);
133
134    //エラーチェック
135    var flg_no_error = validation_form(contact_body);
136    if(flg_no_error){
137      var confirm_form = window.confirm('上記の内容で送信してよろしいでしょうか');
138      if(confirm_form){
139        grecaptcha.execute();
140      }
141    }
142  });
143
144  var triggerAmplifyApi = function() {
145    $('#triggerAmplifyApiBtn').trigger("click");
146  }
147  window.triggerAmplifyApi = triggerAmplifyApi;
148
149});