https://contents.bizpa.net/js/contact-sendmail.js

1// URLを取得
2const url = new URL(window.location.href);
3const urlParams = url.searchParams;
4const domPageName = $("#page_name");
5const domItemId = $("#item_id");
6
7const pnm = urlParams.get('pnm');
8if (pnm !== null) {
9  domPageName.val(pnm)
10}
11
12const iid = urlParams.get('iid');
13if (iid !== null) {
14  domItemId.val(iid)
15}
16
17function sendForm() {
18  var result = true;
19
20  // エラー用装飾のためのクラスリセット
21  $('#company_name').removeClass("form__input--alert");
22  $('#name').removeClass("form__input--alert");
23  $('#mailaddress').removeClass("form__input--alert");
24  $('#message').removeClass("form__input--alert");
25
26  // 入力エラー文をリセット
27  $("#company_name_error").empty();
28  $("#name_error").empty();
29  $("#mailaddress_error").empty();
30  $("#message_error").empty();
31
32  //value値を取得して入力項目をセットする
33  var company = $("#company_name").val();
34  var name = $('#name').val();
35  var mailaddress = $('#mailaddress').val();
36  var message = $('#message').val();
37
38  //入力項目が正しくなければエラー文言を表示させる
39  var regexp = /^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]{1,}\.[A-Za-z0-9]{1,}$/;
40  if (!regexp.test(mailaddress)) {
41    $("#mailaddress_error").addClass("form__notes form__notes--alert");
42    $("#mailaddress_error").html("※メールアドレスが正しくありません。");
43    $("#mailaddress").addClass("form__input--alert");
44    result = false;

45  }
46
47  if (company == "") {
48    $("#company_name_error").addClass("form__notes form__notes--alert");
49    $("#company_name_error").html("※会社名（屋号）は必須です。");
50    $("#company_name").addClass("form__input--alert");
51    result = false;
52  }
53
54  if (name == "") {
55    $("#name_error").addClass("form__notes form__notes--alert");
56    $("#name_error").html("※お名前は必須です。");
57    $("#name").addClass("form__input--alert");
58    result = false;
59  }
60
61  if (message == "") {
62    $("#message_error").addClass("form__notes form__notes--alert");
63    $("#message_error").html("※お問い合わせ内容は必須です。");
64    $("#message").addClass("form__input--alert");
65    result = false;
66  }
67
68  // 商品ID（商品詳細のみ）
69  const pageName = domPageName.val();
70  const itemId = domItemId.val();
71
72  //メールの送信を受け付けないようにする
73  if (result == false) {
74    return;
75  }
76  //ajax
77  $.ajax({
78    url: "https://docs.google.com/forms/u/1/d/e/1FAIpQLSemc_LaytDw2h_D0PXIoT99DLAyTAyzFc2fpB7-3LjQBODlgA/formResponse",
79    data: {
80      "emailAddress": mailaddress,
81      "entry.1743201932": company,
82      "entry.1283618609": name,
83      "entry.1112961915": message,
84      "entry.218729821": pageName,
85      "entry.1641710296": itemId,
86    },
87    type: "POST",
88    dataType: "xml",
89    statusCode: {
90      0: function () {
91        //Success message
92        $('.form').css('display', 'none');
93        $(".content").addClass("content--center");
94        $('.content__message').text("お問い合わせを受け付けました。");
95      },
96      200: function () {
97        //Success Message
98        $('.form').css('display', 'none');
99        $(".content").addClass("content--center");
100        $('.content__message').text("お問い合わせを受け付けました。");
101      }
102    }
103  });
104}