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

<div class="tmbottom">
    <div class="contactwechat"><img alt="china highlights' wechat code" height="100px" src="https://data.chinahighlights.com/image/forms/inquiry-form-code-2022.png" width="100px" />
    <div class="wechatinfo">Quickly inquire via our WeChat: <span class="wechatred">chinahighlightstour</span></div>
    </div>
    
    <p>Or Submit an Inquiry Below</p>
    
    <form action="https://www.chinahighlights.com/secureforms/qi_save" id="quick_inquiry_form" method="post" name="quick_inquiry_form" novalidate="" onsubmit="return validateQuickInquiryForm()">
    <div class="InquiryBox">
    <p><span class="inquiry_form_tag"><img alt="" height="25" src="https://data.chinahighlights.com/pic/input-name.png" width="25" /> <span class="form_required">*</span> </span> <input class="FullName" id="realname" name="realname" placeholder="Full name" type="text" /> <span id="realname_errmsg" style="display: none"><span class="requiredArea">Please enter your full name.</span></span></p>
    
    <p><span class="inquiry_form_tag"><img alt="" height="25" src="https://data.chinahighlights.com/pic/input-email.png" width="25" /> <span class="form_required">*</span></span> <input class="EmailAddress" id="email" name="email" placeholder="Email" type="text" /> <span id="email_errmsg" style="display: none"><span class="requiredArea">Please enter your email.</span></span> <span id="email_verify_errmsg" style="display: none"><span class="requiredArea">Please verify your email.</span></span></p>
    
    <p><span class="inquiry_form_tag"><img alt="" height="25" src="https://data.chinahighlights.com/pic/top10/tour-form-phone-tag-bg.png" width="25" /></span> <input class="Inquiryphone" id="PhoneNo" name="PhoneNo" placeholder="Any other way to reach you…" type="tel" /></p>
    
    <p><span class="inquiry_form_tag"><img alt="" height="25" src="https://data.chinahighlights.com/pic/top10/tour-calendar.png" width="25" /> <span class="form_required">*</span></span><input class="InquiryCalendar form-control input" id="starting_date" placeholder="Starting date" readonly="readonly" tabindex="0" type="text"  name="starting_date"/><span id="starting_date_errmsg" style="display: none"><span class="requiredArea">Please enter your starting date.</span></span></p>
    <textarea id="form_additionalrequirements" name="form_additionalrequirements" placeholder="Tell us your travel ideas/interests, how many people, your hotel style…"></textarea>
    <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>