Browse Source

修正表單錯誤

jeter20131220 3 years ago
parent
commit
334a3c9681
4 changed files with 180 additions and 140 deletions
  1. 51 28
      desktop11/goto.js
  2. 13 13
      desktop11/index.html
  3. 57 58
      mobile/index.html
  4. 59 41
      mobile/script/goto.js

+ 51 - 28
desktop11/goto.js

@@ -90,21 +90,41 @@ $(".content1-right").on('beforeChange', function (event, slick, currentSlide, ne
 
 
 function submit() {
-  $('#submitbutton').text('表單送出中,請稍後');
-  
- let loc = $( "#loc option:selected" ).text();
 
- let h_class=$( "#h_class option:selected" ).text();
+  //  let loc = $( "#loc option:selected" ).text();
+
+  let loc = $("#loc").val();
+
+
+  let h_class = $("#h_class").val();
+
+  let size = $("#size").val();
 
- let size=$( "#size option:selected" ).text();
+  let name = $("#name").val();
 
- let name=$( "#name" ).val();
+  let email = $("#email").val();
 
- let email=$( "#email" ).val();
+  let phone = $("#phone").val();
 
- let phone=$( "#phone" ).val();
+  let version = $("#version").val();
+
+  // console.log(loc);
+
+  if (loc == null) {
+    alert('請填寫所在區域');
+    return;
+  };
+
+  if (h_class == null) {
+    alert('請填寫房屋類型');
+    return;
+  };
+
+  if (size == null) {
+    alert('請填寫房屋實際坪數');
+    return;
+  };
 
- let version=$( "#version" ).val();
 
   /*	var formRef = $('#form1').serializeArray();
   //   var jsonString = JSON.stringify(formRef);*/
@@ -123,35 +143,38 @@ function submit() {
   //         o[this.name] = this.value || '';
   //       }
   //     });
-    
+
   //     return o;
   //   };
 
   // var jsonInfo = $('.contact-form1').serializeObject();
   // var jsonString = JSON.stringify(jsonInfo);
   // console.log(jsonString);
- 
-  let formdata='';
-
-  formdata='{"email": "' + email + '",'
-  formdata+='"name": "' + name + '",'
-  formdata+='"phone": "' + phone + '",'
-  formdata+='"loc": "' + loc + '",'
-  formdata+='"h_class": "' + h_class + '",'
-  formdata+='"version": "' + version + '",'
-  formdata+='"id": "' + 0 + '",'
-  formdata+='"time_stamp": "' + 0 + '",'
-  formdata+='"size": "' + size + '"}';
-
-console.log(formdata);
-  
+
+
+  let formdata = '';
+
+  formdata = '{"email": "' + email + '",'
+  formdata += '"name": "' + name + '",'
+  formdata += '"phone": "' + phone + '",'
+  formdata += '"loc": "' + loc + '",'
+  formdata += '"h_class": "' + h_class + '",'
+  formdata += '"version": "' + version + '",'
+  formdata += '"id": "' + 0 + '",'
+  formdata += '"time_stamp": "' + 0 + '",'
+  formdata += '"size": "' + size + '"}';
+
+  console.log(formdata);
+
+  $('#submitbutton').text('表單送出中,請稍後');
+
   $.ajax({
     type: 'POST',
     url: 'https://go.hhh.com.tw:8002/deco_request_detail',
     data: formdata,
     dataType: 'json',
     // async: false,
-    
+
     success: function (data) {
       console.log('送出成功: ' + data);
       if (data == 0) {
@@ -163,7 +186,7 @@ console.log(formdata);
             dataType: 'json',
             contentType: 'application/json; charset=utf-8',
             async: false,
-            
+
             success: function (res) {
               console.log('送出成功');
             },
@@ -171,7 +194,7 @@ console.log(formdata);
               console.error(error);
               console.log('送出失敗');
             }
-      
+
           });
         }
         // alert("送出成功");

+ 13 - 13
desktop11/index.html

@@ -533,12 +533,12 @@
                                     <option class="option" value="澎湖縣">澎湖縣</option>
                                 </select>
                                 <select name="h_class" id="h_class" required>
-                                    <option value="" disabled selected="selected">您目前房屋類型</option>
-                                    <option class="option">預售屋</option>
-                                    <option class="option">中古屋</option>
-                                    <option class="option">新成屋</option>
-                                    <option class="option">毛胚屋</option>
-                                    <option class="option">自地自建</option>
+                                    <option value="" disabled selected="selected">您目前房屋類型?</option>
+                                    <option class="option" value="預售屋">預售屋</option>
+                                    <option class="option" value="中古屋">中古屋</option>
+                                    <option class="option" value="新成屋">新成屋</option>
+                                    <option class="option" value="毛胚屋">毛胚屋</option>
+                                    <option class="option" value="自地自建">自地自建</option>
                                 </select>
                                 <!-- <select name="type" id="modal" required>
                                     <option value="" disabled selected="selected">房屋型態</option>
@@ -561,13 +561,13 @@
                                 </select> -->
                                 <!-- <input name="size" type="text" id="square" placeholder="請輸入坪數" required> -->
                                 <select name="size" id="size" required style="margin-right:1.5vw">
-                                    <option value="" disabled selected="selected">您目前房屋實際坪數</option>
-                                    <option class="option">10坪以下</option>
-                                    <option class="option">11~20坪</option>
-                                    <option class="option">21~30坪</option>
-                                    <option class="option">31~40坪</option>
-                                    <option class="option">41~50坪</option>
-                                    <option class="option">51坪以上</option>
+                                    <option value="" disabled selected="selected">您目前房屋實際坪數?</option>
+                                    <option class="option" value="10坪以下">10坪以下</option>
+                                    <option class="option" value="11~20坪">11~20坪</option>
+                                    <option class="option" value="21~30坪">21~30坪</option>
+                                    <option class="option" value="31~40坪">31~40坪</option>
+                                    <option class="option" value="41~50坪">41~50坪</option>
+                                    <option class="option" value="51坪以上">51坪以上</option>
                                 </select>
                                 <!-- <select name="bed_num" id="rooms" required style="margin-right:1.5vw">
                                     <option class="option" value="1">1房</option>

+ 57 - 58
mobile/index.html

@@ -509,42 +509,43 @@ src="https://www.facebook.com/tr?id=585285442299590&ev=PageView&noscript=1"
                     </div>
                 </form> -->
                 <div class="contact-form1">
-                    <input type="hidden" name="version" value="a">
+                    <input type="hidden" id="version" name="version" value="a">
                     <div id="contact-form" name="myForm">
                         <div id="form-left">
                             <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="聯絡電話(格式:0987654321)" pattern="09\d{2}\d{6}" required>
+                            <input type="text" name="phone" id="phone" placeholder="聯絡電話(格式:0987654321)"
+                                pattern="09\d{2}\d{6}" required>
                             <select name="loc" id="loc" required>
                                 <option value="" disabled selected="selected">您目前所在地區?</option>
-                                <option class="option">基隆市</option>
-                                <option class="option">台北市</option>
-                                <option class="option">新北市</option>
-                                <option class="option">桃園市</option>
-                                <option class="option">新竹縣</option>
-                                <option class="option">新竹市</option>
-                                <option class="option">苗栗縣</option>
-                                <option class="option">台中市</option>
-                                <option class="option">彰化縣</option>
-                                <option class="option">南投縣</option>
-                                <option class="option">雲林縣</option>
-                                <option class="option">嘉義縣</option>
-                                <option class="option">嘉義市</option>
-                                <option class="option">台南市</option>
-                                <option class="option">高雄市</option>
-                                <option class="option">屏東縣</option>
-                                <option class="option">宜蘭縣</option>
-                                <option class="option">花蓮縣</option>
-                                <option class="option">台東縣</option>
-                                <option class="option">澎湖縣</option>
+                                <option class="option" value="基隆市">基隆市</option>
+                                <option class="option" value="台北市">台北市</option>
+                                <option class="option" value="新北市">新北市</option>
+                                <option class="option" value="桃園市">桃園市</option>
+                                <option class="option" value="新竹縣">新竹縣</option>
+                                <option class="option" value="新竹市">新竹市</option>
+                                <option class="option" value="苗栗縣">苗栗縣</option>
+                                <option class="option" value="台中市">台中市</option>
+                                <option class="option" value="彰化縣">彰化縣</option>
+                                <option class="option" value="南投縣">南投縣</option>
+                                <option class="option" value="雲林縣">雲林縣</option>
+                                <option class="option" value="嘉義縣">嘉義縣</option>
+                                <option class="option" value="嘉義市">嘉義市</option>
+                                <option class="option" value="台南市">台南市</option>
+                                <option class="option" value="高雄市">高雄市</option>
+                                <option class="option" value="屏東縣">屏東縣</option>
+                                <option class="option" value="宜蘭縣">宜蘭縣</option>
+                                <option class="option" value="花蓮縣">花蓮縣</option>
+                                <option class="option" value="台東縣">台東縣</option>
+                                <option class="option" value="澎湖縣">澎湖縣</option>
                             </select>
                             <select name="h_class" id="h_class" required>
-                                <option value="" disabled selected="selected">您目前房屋類型</option>
-                                <option class="option">預售屋</option>
-                                <option class="option">中古屋</option>
-                                <option class="option">新成屋</option>
-                                <option class="option">毛胚屋</option>
-                                <option class="option">自地自建</option>
+                                <option value="" disabled selected="selected">您目前房屋類型?</option>
+                                <option class="option" value="預售屋">預售屋</option>
+                                <option class="option" value="中古屋">中古屋</option>
+                                <option class="option" value="新成屋">新成屋</option>
+                                <option class="option" value="毛胚屋">毛胚屋</option>
+                                <option class="option" value="自地自建">自地自建</option>
                             </select>
                             <!-- <select name="type" id="modal" required>
                                 <option value="" disabled selected="selected">房屋型態</option>
@@ -567,13 +568,13 @@ src="https://www.facebook.com/tr?id=585285442299590&ev=PageView&noscript=1"
                             </select> -->
                             <!-- <input name="size" type="text" id="square" placeholder="請輸入坪數" required> -->
                             <select name="size" id="size" required style="margin-right:1.5vw">
-                                <option value="" disabled selected="selected">您目前房屋實際坪數</option>
-                                <option class="option">10坪以下</option>
-                                <option class="option">11~20坪</option>
-                                <option class="option">21~30坪</option>
-                                <option class="option">31~40坪</option>
-                                <option class="option">41~50坪</option>
-                                <option class="option">51坪以上</option>
+                                <option value="" disabled selected="selected">您目前房屋實際坪數?</option>
+                                <option class="option" value="10坪以下">10坪以下</option>
+                                <option class="option" value="11~20坪">11~20坪</option>
+                                <option class="option" value="21~30坪">21~30坪</option>
+                                <option class="option" value="31~40坪">31~40坪</option>
+                                <option class="option" value="41~50坪">41~50坪</option>
+                                <option class="option" value="51坪以上">51坪以上</option>
                             </select>
                             <!-- <select name="bed_num" id="rooms" required style="margin-right:1.5vw">
                                 <option class="option" value="1">1房</option>
@@ -617,14 +618,14 @@ src="https://www.facebook.com/tr?id=585285442299590&ev=PageView&noscript=1"
                                 <option class="option">異國風</option>
                             </select> -->
                             <!-- <input name="prefer_date" class="datepicker" type="text" id="datepicker" placeholder="預選裝修日期" required> -->
-                        </div>              
-                            <!-- <div id="fb_login">
+                        </div>
+                        <!-- <div id="fb_login">
                                 <button id="fb-button"><img src="./img/logo/facebook.png" alt="">
                                    <span id="line" style=" font-size: 30px;">|</span><p>使用fb填入信箱與姓名</p>
                                 </button>
                                 <span id="FB_STATUS_2"></span>
                             </div> -->
-                            <!-- <div id="fb_login">
+                        <!-- <div id="fb_login">
                                 <fb:login-button id="fb-button" scope="public_profile,email"
                                     onlogin="checkLoginState();" data-button-type="continue_with" data-size="large">
                                     使用FB填入信箱與姓名
@@ -632,30 +633,28 @@ src="https://www.facebook.com/tr?id=585285442299590&ev=PageView&noscript=1"
                                 <div id="status"></div>
                             </div> -->
 
-                          
-                            <!-- <select name="gender" id="gender" required>
+
+                        <!-- <select name="gender" id="gender" required>
                                 <option value="" disabled selected="selected">性別</option>
                                 <option class="option">男</option>
                                 <option class="option">女</option>
                             </select> -->
-                            <!-- <input type="checkbox" style="margin:30px 10px;" id="checkbox" checked><label
-                                for="agree" style="width: 40px;">同意</label><a target="https://hhh.com.tw/about/privacy_policy/"
-                                href="https://hhh.com.tw/about/privacy_policy/">免責聲明與隱私使用政策</a> -->
-                                <div>
-                                    <input type="checkbox" style="margin:15px 10px;" id="checkbox" checked><label
-                                        for="agree" class="ms-1" style="width: 40px;">同意</label><a
-                                        target="_blank"
-                                        href="https://hhh.com.tw/about/privacy_policy/">免責聲明與隱私使用政策</a>
-                                </div>
-                                <div class="my-2">
-                                    <input type="checkbox" style="margin:0px 10px; position: relative; bottom:20px;" class="custom-control-input" id="credit" value="1">
-                                    <label class="custom-control-label w-75" for="credit">
-                                            裝潢貸款享超長7年還款期,最低利率2.59%起。
-                                    </label>
-                                </div>
-                                <div class="form-btn">
-                                    <button id="submitbutton" class="btn" style="opacity: 1;" type="submit" onclick="submit()">送出</button>
-                                </div>
+                        <div>
+                            <input type="checkbox" style="margin:15px 10px;" id="checkbox" checked><label
+                                for="agree" class="ms-1" style="width: 40px;">同意</label><a
+                                target="_blank"
+                                href="https://hhh.com.tw/about/privacy_policy/">免責聲明與隱私使用政策</a>
+                        </div>
+                        <div>
+                            <input type="checkbox" style="margin:15px 10px;" class="custom-control-input"
+                                id="credit" value="1">
+                            <label class="custom-control-label w-75" for="credit">
+                                裝潢貸款享超長7年還款期,最低利率2.59%起。
+                            </label>
+                        </div>
+                        <div class="form-btn">
+                            <button id="submitbutton" class="btn" style="opacity: 1;" type="submit" onclick="submit()">送出</button>
+                        </div>
                     </div>
                 </div>
             </div>

+ 59 - 41
mobile/script/goto.js

@@ -63,7 +63,7 @@ $(".banner-slider").slick({
 //       data: jsonString,
 //       dataType: 'json',
 //       contentType: 'application/json; charset=utf-8',
-      
+
 
 //       success: function (res) {
 //         alert('送出成功');
@@ -92,7 +92,7 @@ $(".banner-slider").slick({
 //           alert("此email、phone已填過表單");
 //         }
 //         location.href ="./index_complete_line.html"; 
-       
+
 //       },
 //       beforeSend: function () {
 //         console.log('beforeSend');
@@ -126,7 +126,7 @@ $(".banner-slider").slick({
 //           alert("此email、phone已填過表單");
 //         }
 //         location.href ="./index_complete_line.html"; 
-       
+
 //       },
 //       beforeSend: function () {
 //         console.log('beforeSend');
@@ -148,7 +148,7 @@ $(".banner-slider").slick({
 //   //     data: jsonString,
 //   //     dataType: 'json',
 //   //     contentType: 'application/json; charset=utf-8',
-      
+
 
 //   //     success: function (res) {
 //   //       alert('送出成功');
@@ -164,44 +164,62 @@ $(".banner-slider").slick({
 // });
 
 function submit() {
-  $('#submitbutton').text('表單送出中,請稍後');
-  
- let loc = $( "#loc option:selected" ).text();
 
- let h_class=$( "#h_class option:selected" ).text();
+  // let loc = $("#loc option:selected").text();
+
+  let loc = $("#loc").val();
+
+
+  let h_class = $("#h_class").val();
+
+  let size = $("#size").val();
+
+  let name = $("#name").val();
 
- let size=$( "#size option:selected" ).text();
+  let email = $("#email").val();
 
- let name=$( "#name" ).val();
+  let phone = $("#phone").val();
 
- let email=$( "#email" ).val();
+  let version = $("#version").val();
 
- let phone=$( "#phone" ).val();
+  if (loc == null) {
+    alert('請填寫所在區域');
+    return;
+  };
 
- let version=$( "#version" ).val();
+  if (h_class == null) {
+    alert('請填寫房屋類型');
+    return;
+  };
 
- 
-  let formdata='';
+  if (size == null) {
+    alert('請填寫房屋實際坪數');
+    return;
+  };
 
-  formdata='{"email": "' + email + '",'
-  formdata+='"name": "' + name + '",'
-  formdata+='"phone": "' + phone + '",'
-  formdata+='"loc": "' + loc + '",'
-  formdata+='"h_class": "' + h_class + '",'
-  formdata+='"version": "' + version + '",'
-  formdata+='"id": "' + 0 + '",'
-  formdata+='"time_stamp": "' + 0 + '",'
-  formdata+='"size": "' + size + '"}';
+  let formdata = '';
 
-console.log(formdata);
+  formdata = '{"email": "' + email + '",'
+  formdata += '"name": "' + name + '",'
+  formdata += '"phone": "' + phone + '",'
+  formdata += '"loc": "' + loc + '",'
+  formdata += '"h_class": "' + h_class + '",'
+  formdata += '"version": "' + version + '",'
+  formdata += '"id": "' + 0 + '",'
+  formdata += '"time_stamp": "' + 0 + '",'
+  formdata += '"size": "' + size + '"}';
+
+  console.log(formdata);
   
+  $('#submitbutton').text('表單送出中,請稍後');
+
   $.ajax({
     type: 'POST',
     url: 'https://go.hhh.com.tw:8002/deco_request_detail',
     data: formdata,
     dataType: 'json',
     // async: false,
-    
+
     success: function (data) {
       console.log('送出成功: ' + data);
       if (data == 0) {
@@ -213,7 +231,7 @@ console.log(formdata);
             dataType: 'json',
             contentType: 'application/json; charset=utf-8',
             async: false,
-            
+
             success: function (res) {
               console.log('送出成功');
             },
@@ -221,7 +239,7 @@ console.log(formdata);
               console.error(error);
               console.log('送出失敗');
             }
-      
+
           });
         }
         // alert("送出成功");
@@ -301,15 +319,15 @@ $(document).ready(function () {
 
 // // 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();
   }
-    
+
 });
 
 window.fbAsyncInit = function () {
@@ -344,7 +362,7 @@ function statusChangeCallback(response) {
 
         // 隱藏FB登入按鈕
         document.getElementById("fb_login").style.display = 'none';
-    }
+      }
     });
   }
 
@@ -390,19 +408,19 @@ $("#fb_login").click(function () {
   fjs.parentNode.insertBefore(js, fjs);
 }(document, 'script', 'facebook-jssdk'));
 
-$(function() {
-  var dateToday = new Date(); 
+$(function () {
+  var dateToday = new Date();
   //jQuery datepicker 設定限制日期最小最大 minDate maxDate hideIfNoPrevNext
   $(".datepicker").datepicker({
     //顯示上個月日期 及下個月日期 ,但是不可選的。
     //default:false
-    showOtherMonths : true,
+    showOtherMonths: true,
     // 設置當沒有上一個/下一個可選擇的情況下,隱藏掉相應的按鈕。(默認為不可用)
     //配合有設定最大最小時使用
     //default:false
-    hideIfNoPrevNext : true,
+    hideIfNoPrevNext: true,
 
-    minDate : dateToday ,
+    minDate: dateToday,
     //  設置一個最大的可選日期。可以是Date對象,或者是數字(從今天算起,例如+7),
     //或者有效的字符串('y'代表年, 'm'代表月, 'w'代表周, 'd'代表日, 例如:'+1m +7d')。
   });