Browse Source

功能修正

jeter20131220 3 years ago
parent
commit
5aa8dacfb4
4 changed files with 141 additions and 180 deletions
  1. 98 136
      desktopB/goto.js
  2. 3 3
      desktopB/index.html
  3. 38 39
      mobileB/goto.js
  4. 2 2
      mobileB/index.html

+ 98 - 136
desktopB/goto.js

@@ -1,110 +1,73 @@
 $(".banner-slider").slick({
-    speed: 1000,
-    swipe: true,
-    arrows: false,
-  });
-
-  $.fn.serializeObject = function () {
-    var o = {};
-    var a = this.serializeArray();
-    o["id"] = 0;
-    o["time_stamp"] = "";
-    $.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;
-  };
-// email
-  $(document).ready(function () {
-  
-    //E-MAIL格式檢查
-
-    $("body").on("change", "#email", function () {
-
-      $Emailchecking = IsEmail($("#email").val());
-
-
-      if ($Emailchecking == false) {
-
-        alert("請填寫正確的E-MAIL格式");
-
-        // $("#email").blur(); //離開焦點
+  speed: 1000,
+  swipe: true,
+  arrows: false,
+});
 
+$.fn.serializeObject = function () {
+  var o = {};
+  var a = this.serializeArray();
+  o["id"] = 0;
+  o["time_stamp"] = "";
+  $.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 || '';
+    }
+  });
 
-    })
-
-    function IsEmail(email) {
-
-      var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
-
-      if (!regex.test(email)) {
-
-        return false;
-
-      } else {
-
-        return true;
-
-      }
+  return o;
+};
+// email
+// $(document).ready(function () {
 
-    }
+//   //E-MAIL格式檢查
 
-  });
-  // phone
-  $(document).ready(function () {
+//   $("body").on("change", "#email", function () {
 
-    //phone格式檢查
+//     $Emailchecking = IsEmail($("#email").val());
 
-    $("body").on("change", "#phone", function () {
 
-      $Phonechecking = IsPhone($("#phone").val());
+//     if ($Emailchecking == false) {
 
+//       alert("請填寫正確的E-MAIL格式");
 
-      if ($Phonechecking == false) {
+//       // $("#email").blur(); //離開焦點
 
-        alert("請填寫正確的手機格式");
+//     }
 
-        // $("#email").blur(); //離開焦點
+//   })
 
-      }
+//   function IsEmail(email) {
 
-    })
+//     var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
 
-    function IsPhone(phone) {
+//     if (!regex.test(email)) {
 
-      var regex = /^[09]{2}[0-9]{8}$/;
+//       return false;
 
-      if (!regex.test(phone)) {
+//     } else {
 
-        return false;
+//       return true;
 
-      } else {
+//     }
 
-        return true;
+//   }
 
-      }
+// });
+// phone
 
-    }
+$(".contact-form1").submit(function (e) {
+  /*	var formRef = $('#form1').serializeArray();
+    var jsonString = JSON.stringify(formRef);*/
+  var jsonInfo = $('.contact-form1').serializeObject();
+  var jsonString = JSON.stringify(jsonInfo);
+  console.log(jsonString),
 
-  });
- 
-
-  $(".contact-form1").submit(function (e) {
-    /*	var formRef = $('#form1').serializeArray();
-      var jsonString = JSON.stringify(formRef);*/
-    var jsonInfo = $('.contact-form1').serializeObject();
-    var jsonString = JSON.stringify(jsonInfo);
-   console.log(jsonString),
-  
     $.ajax({
       type: 'POST',
       url: 'https://go.hhh.com.tw:8001/deco_request_detail',
@@ -137,63 +100,63 @@ $(".banner-slider").slick({
         console.log('送出失敗: ' + jqXHR.responseText);
       }
     });
-    return flase;
-  });
+  return flase;
+});
 
-  $("*").each(function (index, element) {
-    // 此元素被點選後執行
-    $(this).click(function (e) {
-      // 取得被點選元素的屬性:data-gt-target
-      var target = $(this).attr("data-gt-target");
-      var duration = $(this).attr("data-gt-duration");
-      var offset = $(this).attr("data-gt-offset");
-  
-      // JS 語法:判斷式
-      // if (條件) {程式區塊}
-      // 當條件成立,會執行程式區塊
-  
-      // 如果 目標有資料 才會執行 { } 內的程式
-      // 避免出現 undefine (未定義 - 不存在的資料)
-      if (target) {
-        //console.log("目標:" + target);
-        //console.log("時間:" + duration);
-        //console.log("位移:" + offset);
-  
-        // 上方位置 = 目標區塊.位移().上方位置
-        var top = $(target).offset().top;
-        //console.log("要前往元素的上方位置:" + top);
-  
-        // 網頁元素.停止().動畫({ 上方捲動:指定元素 - 位移},持續時間)
-        // parseInt() 將文字轉為數字
-  
-        $("html").stop().animate({
-          scrollTop: top - offset
-        }, parseInt(duration));
-      }
-    });
-  });
-  
-  // 避免動畫與使用者滾輪衝突
-  // html 在滾動滾輪時 停止 html 所有效果
-  $("html").on("mousewheel", function () {
-    $("html").stop();
+$("*").each(function (index, element) {
+  // 此元素被點選後執行
+  $(this).click(function (e) {
+    // 取得被點選元素的屬性:data-gt-target
+    var target = $(this).attr("data-gt-target");
+    var duration = $(this).attr("data-gt-duration");
+    var offset = $(this).attr("data-gt-offset");
+
+    // JS 語法:判斷式
+    // if (條件) {程式區塊}
+    // 當條件成立,會執行程式區塊
+
+    // 如果 目標有資料 才會執行 { } 內的程式
+    // 避免出現 undefine (未定義 - 不存在的資料)
+    if (target) {
+      //console.log("目標:" + target);
+      //console.log("時間:" + duration);
+      //console.log("位移:" + offset);
+
+      // 上方位置 = 目標區塊.位移().上方位置
+      var top = $(target).offset().top;
+      //console.log("要前往元素的上方位置:" + top);
+
+      // 網頁元素.停止().動畫({ 上方捲動:指定元素 - 位移},持續時間)
+      // parseInt() 將文字轉為數字
+
+      $("html").stop().animate({
+        scrollTop: top - offset
+      }, parseInt(duration));
+    }
   });
+});
 
-  $(document).ready(function () {
-    $("#date").datepicker();
-  });
-  
-  // // gototop 下滑效果
+// 避免動畫與使用者滾輪衝突
+// html 在滾動滾輪時 停止 html 所有效果
+$("html").on("mousewheel", function () {
+  $("html").stop();
+});
+
+$(document).ready(function () {
+  $("#date").datepicker();
+});
+
+// // gototop 下滑效果
 $(".arrow").hide();
-$(window).scroll(function(){
-   var y = window.scrollY;
-    
-  if(y>10){
+$(window).scroll(function () {
+  var y = window.scrollY;
+
+  if (y > 10) {
     $(".arrow").show();
-  }else{
-     $(".arrow").hide();
+  } else {
+    $(".arrow").hide();
   }
-    
+
 });
 
 
@@ -229,7 +192,7 @@ function statusChangeCallback(response) {
 
         // 隱藏FB登入按鈕
         document.getElementById("fb_login").style.display = 'none';
-    }
+      }
     });
   }
 
@@ -275,4 +238,3 @@ $("#fb_login").click(function () {
   fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));
 
-  

+ 3 - 3
desktopB/index.html

@@ -181,7 +181,7 @@
         </div>
         <!-- <hr> -->
         <div class="contact-text">
-            <div class="text-p">請撥打全台免付費專線<span style="opacity: 0;">11</span><span id="phone"
+            <div class="text-p">請撥打全台免付費專線<span style="opacity: 0;">11</span><span id="phone1"
                     style="color: #ee751b; font-weight:900;"> 0800-336-086</span></div>
             <div class="text-p">或填寫以下資料,專人將盡速與您聯繫</div>
         </div>
@@ -298,9 +298,9 @@
                             </fb:login-button>
                             <div id="status"></div>
                         </div> -->
-                        <input type="text" name="email" id="email" placeholder="請輸入信箱" required>
+                        <input type="email" name="email" id="email" placeholder="請輸入信箱" required>
                         <input type="text" name="name" id="name" placeholder="請輸入姓名" required>
-                        <input type="text" name="phone" id="phone" placeholder="請輸入電話" required>
+                        <input type="text" name="phone" id="phone" placeholder="請輸入行動電話" pattern="09\d{2}\d{6}" required>
                         <select name="gender" id="gender">
                             <option value="性格" disabled selected="selected">性別</option>
                             <option class="option">男</option>

+ 38 - 39
mobileB/goto.js

@@ -25,80 +25,79 @@ $(".feedback-slider1").slick({
   
     return o;
   };
-  // email 格式檢查
-  $(document).ready(function () {
+  // // email 格式檢查
+  // $(document).ready(function () {
   
-    //E-MAIL格式檢查
+  //   //E-MAIL格式檢查
 
-    $("body").on("change", "#email", function () {
+  //   $("body").on("change", "#email", function () {
 
-      $Emailchecking = IsEmail($("#email").val());
+  //     $Emailchecking = IsEmail($("#email").val());
 
 
-      if ($Emailchecking == false) {
+  //     if ($Emailchecking == false) {
 
-        alert("請填寫正確的E-MAIL格式");
+  //       alert("請填寫正確的E-MAIL格式");
 
-        // $("#email").blur(); //離開焦點
+  //       // $("#email").blur(); //離開焦點
 
-      }
+  //     }
 
-    })
+  //   })
 
-    function IsEmail(email) {
+  //   function IsEmail(email) {
 
-      var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
+  //     var regex = /^([a-zA-Z0-9_\.\-\+])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
 
-      if (!regex.test(email)) {
+  //     if (!regex.test(email)) {
 
-        return false;
+  //       return false;
 
-      } else {
+  //     } else {
 
-        return true;
+  //       return true;
 
-      }
+  //     }
 
-    }
+  //   }
 
-  });
-  // phone 格式檢查
-  $(document).ready(function () {
+  // });
+  // // phone 格式檢查
+  // $(document).ready(function () {
 
-    //phone格式檢查
+  //   //phone格式檢查
 
-    $("body").on("change", "#phone", function () {
+  //   $("body").on("change", "#phone", function () {
 
-      $Phonechecking = IsPhone($("#phone").val());
+  //     $Phonechecking = IsPhone($("#phone").val());
 
+  //     if ($Phonechecking == false) {
 
-      if ($Phonechecking == false) {
+  //       alert("請填寫正確的手機格式");
 
-        alert("請填寫正確的手機格式");
+  //       // $("#email").blur(); //離開焦點
 
-        // $("#email").blur(); //離開焦點
+  //     }
 
-      }
-
-    })
+  //   })
 
-    function IsPhone(phone) {
+  //   function IsPhone(phone) {
 
-      var regex = /^[09]{2}[0-9]{8}$/;
+  //     var regex =/^[09]{2}[0-9]{8}$/;
 
-      if (!regex.test(phone)) {
+  //     if (!regex.test(phone)) {
 
-        return false;
+  //       return false;
 
-      } else {
+  //     } else {
 
-        return true;
+  //       return true;
 
-      }
+  //     }
 
-    }
+  //   }
 
-  });
+  // });
   
   $(".contact-form1").submit(function (e) {
     /*	var formRef = $('#form1').serializeArray();

+ 2 - 2
mobileB/index.html

@@ -241,9 +241,9 @@
                     </fb:login-button>
                     <div id="status"></div>
                 </div> -->
-                <input type="text" name="email" id="email" placeholder="請輸入信箱" required>
+                <input type="email" name="email" id="email" placeholder="請輸入信箱" required>
                 <input type="text" name="name" id="name" placeholder="請輸入姓名" required>
-                <input type="text" name="phone" id="phone" placeholder="請輸入電話" required>
+                <input type="text" name="phone" id="phone" placeholder="請輸入行動電話" pattern="09\d{2}\d{6}" required>
                 <select name="gender" id="gender">
                     <option value="性格" disabled selected="selected">性別</option>
                     <option class="option" value="type">男</option>