信息表单增加电话验证

application/views/mobile_first/ah-info-page-form.php

@@ -25,7 +25,10 @@
     <div id="starting_date_errmsg" style="display: none">
     <div class="requiredArea" style="margin-top:-10px;">Please enter your starting date</div>
     </div>
-    <input class="Inquiryphone" id="PhoneNo" name="PhoneNo" placeholder="Any other way to reach you (optional)" type="tel" value="" /><textarea id="form_additionalrequirements" name="form_additionalrequirements" placeholder="Tell us your travel requirements here: anniversary, honeymoon, family trip, birthday travel, beach, food..." style="height:100px;"></textarea>
+    <input class="Inquiryphone" id="PhoneNo" name="PhoneNo" placeholder="Any other way to reach you (optional)" type="tel" value="" />
+    <div id="contact_errmsg" style="display: none">
+    <div class="requiredArea" style="margin-top:-10px;">Please enter your phone number.</div> </div>
+    <textarea id="form_additionalrequirements" name="form_additionalrequirements" placeholder="Tell us your travel requirements here: anniversary, honeymoon, family trip, birthday travel, beach, food..." style="height:100px;"></textarea>
     <button class="sendButton" id="submit_booking_form_inquiry" name="booking_form_inquiry_list" type="submit">Inquire Now</button> <input name="cli_no" type="hidden" value="YDFW-AH"/> 
     <input name="ic_title" type="hidden" value="YDFW-AH" />
 </form>
@@ -48,16 +51,19 @@ function validateQuickInquiryForm() {
     var realnameVal = document.getElementById("realname").value;
     var emailVal = document.getElementById("email").value;
     var startingDateVal = document.getElementById("starting_date").value;
+    var contactVal = document.getElementById("PhoneNo").value;
 
     var realnameErrEl = document.getElementById("realname_errmsg");
     var emailErrEl = document.getElementById("email_errmsg");
     var emailVerifyErrEl = document.getElementById("email_verify_errmsg");
     var startingDateErrEl = document.getElementById("starting_date_errmsg");
+    var contactErrEl = document.getElementById("contact_errmsg");
 
     realnameErrEl.style.display = 'none';
     emailErrEl.style.display = 'none';
     emailVerifyErrEl.style.display = 'none';
     startingDateErrEl.style.display = 'none';
+    contactErrEl.style.display = 'none';
 
     if (realnameVal === '') {
         realnameErrEl.style.display = '';
@@ -77,6 +83,10 @@ function validateQuickInquiryForm() {
         startingDateErrEl.style.display = '';
         result = false;
     }
+    if (contactVal === '') {
+        contactErrEl.style.display = '';
+        result = false;
+    }
     return result;
 }
 </script>