更新表單更能

goto.js

@@ -254,7 +254,7 @@ $(".contact-form-destop").submit(function (e) {
         // } else if (data == 3) {
         //   alert("此email、phone已填過表單");
         // }
-        // location.reload();
+        location.reload();
       },
       beforeSend: function () {
         console.log('beforeSend');
@@ -387,62 +387,62 @@ $(".card-text").each(function(){
 
 // ip代理服務表單
 
-// $.fn.serializeObject = function () {
-//   var o = {};
-//   var a = this.serializeArray();
-
-//   $.each(a, function () {
-//     if (o[this.name]) {
-//       if (!o[this.name].push) {
-//         o[this.name] = [o[this.name]];
-//       }
-//       o[this.name].push(this.value || '');
-//     } else {
-//       o[this.name] = this.value || '';
-//     }
-//   });
-
-//   return o;
-// };
-
-// $(".ip-service").submit(function (e) {
-//   /*	var formRef = $('#form1').serializeArray();
-//     var jsonString = JSON.stringify(formRef);*/
-//   var jsonInfo = $('.ip-service').serializeObject();
-//   var jsonString = JSON.stringify(jsonInfo);
-//   console.log(jsonString),
-//     $.ajax({
-//       type: 'POST',
-//       url: '',
-//       data: jsonString,
-//       dataType: 'json',
-
-
-//       success: function (data) {
-//         console.log('送出成功: ' + data);
-//         alert("送出成功");
-//         // if (data == 0) {
-//         //   alert("送出成功");
-//         // } else if (data == 1) {
-//         //   alert("此email已填過表單");
-//         // } else if (data == 2) {
-//         //   alert("此phone已填過表單");
-//         // } else if (data == 3) {
-//         //   alert("此email、phone已填過表單");
-//         // }
-//         location.reload();
-//       },
-//       beforeSend: function () {
-//         console.log('beforeSend');
-//       },
-//       complete: function () {
-//         console.log('complete');
-//       },
-//       error: function (jqXHR, textStatus, errorThrown) {
-//         console.log(JSON.stringify(jqXHR));
-//         console.log("AJAX errr: " + textStatus + ' : ' + errorThrown);
-//         console.log('送出失敗: ' + jqXHR.responseText);
-//       }
-//     });
-//   return false;
-// });
+$.fn.serializeObject = function () {
+  var o = {};
+  var a = this.serializeArray();
+
+  $.each(a, function () {
+    if (o[this.name]) {
+      if (!o[this.name].push) {
+        o[this.name] = [o[this.name]];
+      }
+      o[this.name].push(this.value || '');
+    } else {
+      o[this.name] = this.value || '';
+    }
+  });
+
+  return o;
+};
+
+$(".ip-service").submit(function (e) {
+  /*	var formRef = $('#form1').serializeArray();
+    var jsonString = JSON.stringify(formRef);*/
+  var jsonInfo = $('.ip-service').serializeObject();
+  var jsonString = JSON.stringify(jsonInfo);
+  console.log(jsonString),
+    $.ajax({
+      type: 'POST',
+      url: 'https://nftboard.info:8001/add_contact_us',
+      data: jsonString,
+      dataType: 'json',
+
+
+      success: function (data) {
+        console.log('送出成功: ' + data);
+        alert("送出成功");
+        // if (data == 0) {
+        //   alert("送出成功");
+        // } else if (data == 1) {
+        //   alert("此email已填過表單");
+        // } else if (data == 2) {
+        //   alert("此phone已填過表單");
+        // } else if (data == 3) {
+        //   alert("此email、phone已填過表單");
+        // }
+        location.reload();
+      },
+      beforeSend: function () {
+        console.log('beforeSend');
+      },
+      complete: function () {
+        console.log('complete');
+      },
+      error: function (jqXHR, textStatus, errorThrown) {
+        console.log(JSON.stringify(jqXHR));
+        console.log("AJAX errr: " + textStatus + ' : ' + errorThrown);
+        console.log('送出失敗: ' + jqXHR.responseText);
+      }
+    });
+  return false;
+});

index2.html

@@ -129,26 +129,26 @@
                     <img  src="./img/LOGO.png" alt="">
                     <h1 class="my-4">聯繫我們</h1>
                     <label for="name">您的國家區域</label>
-                    <input type="text" id="loc" placeholder="請留下您的所在區域" required>
+                    <input type="text" id="country_code" name="country_code" placeholder="請留下您的所在區域" required>
                 
                     <label for="name">姓名</label>
-                    <input type="text" id="name" placeholder="請留下您的姓名" required>
+                    <input type="text" id="username" name="username" placeholder="請留下您的姓名" required>
                 
                     <label for="eamil">聯絡Email</label>
-                    <input type="email" id="email" placeholder="請留下您的Email" required>
+                    <input type="email" id="email" name="email" placeholder="請留下您的Email" required>
                 
                     <label  for="name">聯絡手機</label>
-                    <input type="phone" id="phone" placeholder="請留下您的聯繫方式" required>
+                    <input type="phone" id="phone"  name="phone" placeholder="請留下您的聯繫方式" required>
                 
                     <label for="name">合作方式</label>
                 
-                   <label for="checkbox" id="selector1"><input type="checkbox" style="width:15px;height:15px; margin:10px;">異業合作</label>
-                   <label for="checkbox" id="selector1"><input type="checkbox" style="width:15px;height:15px; margin:10px;">廣告刊登</label>
-                   <label for="checkbox" id="selector1"><input type="checkbox" style="width:15px;height:15px; margin:10px;">創作者IP x NFT代理發行(將您的音樂、美術、攝影、3D等作品對接到全球NFT平台)</label>
-                   <label for="checkbox" id="selector1"><input type="checkbox" style="width:15px;height:15px; margin:10px;">創作者IP x NFT知識產權聯動行銷(透過IP授權與營銷聯動，創造版權新收入)</label>
+                   <label for="checkbox" id="selector1"><input type="checkbox" id="coop_dif" name="coop_dif"  style="width:15px;height:15px; margin:10px;">異業合作</label>
+                   <label for="checkbox" id="selector1"><input type="checkbox" id="coop_ad" name="coop_ad" style="width:15px;height:15px; margin:10px;">廣告刊登</label>
+                   <label for="checkbox" id="selector1"><input type="checkbox" id="coop_acting" name="coop_acting" style="width:15px;height:15px; margin:10px;">創作者IP x NFT代理發行(將您的音樂、美術、攝影、3D等作品對接到全球NFT平台)</label>
+                   <label for="checkbox" id="selector1"><input type="checkbox" id="coop_marketing" name="coop_marketing" style="width:15px;height:15px; margin:10px;">創作者IP x NFT知識產權聯動行銷(透過IP授權與營銷聯動，創造版權新收入)</label>
                 
                    <label class="mt-4" for="name">您的作品網址:(無則免填)</label>
-                   <input type="text" id="work" placeholder="請留下您的作品網址" required>
+                   <input type="text" id="work_address" name="work_address" placeholder="請留下您的作品網址">
                 
                    <input class="btn" style="opacity: 1;" type="submit" value="提交">
                 </form>

style.css

@@ -2811,12 +2811,12 @@ body .learn-more:hover {
   width: 200px;
 }
 
-#sec13 .left .ip-service #name,
+#sec13 .left .ip-service #username,
 #sec13 .left .ip-service #email,
 #sec13 .left .ip-service #phone,
-#sec13 .left .ip-service #loc,
+#sec13 .left .ip-service #country_code,
 #sec13 .left .ip-service #selector1,
-#sec13 .left .ip-service #work {
+#sec13 .left .ip-service #work_address {
   width: 100%;
   height: 35px;
   margin: 10px 0;
@@ -2824,6 +2824,7 @@ body .learn-more:hover {
   background: #1b1c1e;
   border: 1px solid rgba(0, 0, 0, 0.3);
   border-radius: 5px;
+  color: #fff;
 }
 
 #sec13 .left .ip-service #selector1 {

style.scss

@@ -2474,12 +2474,12 @@ body {
             img {
                 width: 200px;
             }
-            #name,
+            #username,
             #email,
             #phone,
-            #loc,
+            #country_code,
             #selector1,
-            #work {
+            #work_address{
                 width: 100%;
                 height: 35px;
                 margin: 10px 0;
@@ -2487,6 +2487,7 @@ body {
                 background: #1b1c1e;
                 border: 1px solid rgba(0, 0, 0, 0.3);
                 border-radius: 5px;
+                color:#fff;
             }
 
             #selector1 {