CH 信息表单增加日历和表单验证 JS

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

@@ -18,4 +18,53 @@
     <input name="nullemail" type="hidden"> <input name="cli_no" type="hidden" value="YDFW"><button class="sendButton" id="quick_inquiry_button" name="quick_inquiry_button" type="submit">Send My Inquiry</button></div>
     </form>
     </div>
+<script src="https://data.chinahighlights.com/js/flatpickr-4.6.1.min.js"></script>
+<script>
+document.addEventListener('DOMContentLoaded', () => {
+    flatpickr("#starting_date", {
+        dateFormat: "Y-m-d",
+        altInput: true,
+        altFormat: "F j, Y",
+        disableMobile: true,
+        minDate: "today"
+    });
+});
+
+function validateQuickInquiryForm() {
+    var result = true;
+    var realnameVal = document.getElementById("realname").value;
+    var emailVal = document.getElementById("email").value;
+    var startingDateVal = document.getElementById("starting_date").value;
+
+    var startingDateErrEl = document.getElementById("starting_date_errmsg");
+    var realnameErrEl = document.getElementById("realname_errmsg");
+    var emailErrEl = document.getElementById("email_errmsg");
+    var emailVerifyErrEl = document.getElementById("email_verify_errmsg");
+
+    if (realnameErrEl) realnameErrEl.style.display = 'none';
+    if (emailErrEl) emailErrEl.style.display = 'none';
+    if (emailVerifyErrEl) emailVerifyErrEl.style.display = 'none';
+    if (startingDateErrEl) startingDateErrEl.style.display = 'none';
+
+    if (realnameVal === '') {
+        realnameErrEl.style.display = '';
+        result = false;
+    }
+    if (emailVal === '') {
+        emailErrEl.style.display = '';
+        result = false;
+    } else {
+        var emailPattern = /^[\w\-\.]+@[\w\-\.]+(\.\w+)+$/;
+        if (!emailPattern.test(emailVal) && emailVerifyErrEl) {
+            emailVerifyErrEl.style.display = '';
+            result = false;
+        }
+    }
+    if (startingDateVal === '') {
+        startingDateErrEl.style.display = '';
+        result = false;
+    }
+    return result;
+}
+</script>