Validation errors occurred. Please confirm the fields and submit it again.

Hi,

I can’t seem to make my contact form work.

Here is the code.

<div id="contactForm">

<h2>PERSONAL DETAILS</h2>

    <ul class="mainForm">
        <li>
            <ul class="nameForm">
                <li>[text* LastName /20 id:R-lastname class:contactForm placeholder "Last Name"]</li>
                <li>[text* FirstName /20 id:R-firstname class:contactForm placeholder "First Name"]</li>
                <li>[text* M.I. /4 id:R-mi class:contactForm placeholder "M.I."]</li>
            </ul>
        </li>
        <li>
            <ul class="emailForm">
               <li>[email* Email /40 id:R-email class:contactForm placeholder "E-mail Address"] [checkbox ECheckBox id:R-echeckbox class:contactForm use_label_element exclusive "Yes, I want to receive updates on FREEBIES and DISCOUNTS!"]</li>
            </ul>
        <li>[tel* MobileNumber /20 id:R-mobilenumber class:contactForm placeholder "Mobile Number"]</li>
        <li>[tel TelephoneNumber /20 id:R-telephonenumber class:contactForm placeholder "Telephone Number"]</li>

<h4> Date of Birth </h4>
        <li>
            <ul class="bdayForm">
                <li>[select Month id:R-month class:contactForm include_blank "January" "February" "March" "April" "May" "June" "July" "August" "September" "October" "November" "December"]</li>
                <li>[select Day id:R-day class:contactForm include_blank "1" "2" "3" "4" "5" "6" "7" "8" "9" "10" "11" "12" "13" "14" "15" "16" "17" "18" "19" "20" "21" "22" "23" "24" "25" "26" "27" "28" "29" "30" "31"]</li>
                <li>[select Year id:R-year class:contactForm include_blank "1980" "1981" "1982" "1983" "1984" "1985" "1986" "1987" "1988" "1989" "1990" "1991" "1992" "1993" "1994" "1995" "1996" "1997" "1998" "1999" "2000" "2001" "2002" "2003" "2004" "2005" "2006" "2007" "2008" "2009" "2010"]</li>
            </ul>
        </li>
    </ul>

<h2>RESERVATION</h2>

<h4>Branch of Choice</h4>

    <ul class="reserveForm">
        <li>[radio ReserveB id:ReserveB class:contactForm use_label_element "Trinoma" "Eastwood Mall" "Greenbelt 3" "Cebu"]</li>

<h4> Date </h4>

        <li>
            <ul class="date-of-reservationForm">
                <li>[select dMonth id:R-dmonth class:contactForm include_blank "January" "February" "March" "April" "May" "June" "July" "August" "September" "October" "November" "December"]</li>
                <li>[select dDay id:R-dday class:contactForm include_blank "1" "2" "3" "4" "5" "6" "7" "8" "9" "10" "11" "12" "13" "14" "15" "16" "17" "18" "19" "20" "21" "22" "23" "24" "25" "26" "27" "28" "29" "30" "31"]</li>
                <li>[select dYear id:R-dyear class:contactForm include_blank "2014" "2015" "2016" "2017" "2018" "2019" "2020"]</li>
            </ul>
        </li>

<h4> Time Slot </h4>

        <li>
            <div class="hide" id="hide-slot01">[radio TimeSlot-Trinoma id:R-timeslotTrinoma class:contactForm use_label_element "Elvis Hour (12:00-2:00pm)" "Kevin Hour (6:00-8:00pm)" "Nick Hour (2:00-4:00pm)" "Gaga Hour (8:00-12:00mn)" "Joe Hour (4:00-6:00pm)"]</div>
            <div class="hide" id="hide-slot02">[radio TimeSlot-EastwoodMall id:R-timeslotEastwoodMall class:contactForm use_label_element "Lunch Hour (12:00-3:00pm)" "Primetime (7:00-12:00mn)" "Happy Hour (3:00-7:00pm)" "After Hour (12:00mn-3:00am)"]</div>
            <div class="hide" id="hide-slot03">[radio TimeSlot-Greenbelt3 id:R-timeslotGreenbelt3 class:contactForm use_label_element "Lunch Hour (12:00-3:00pm)" "Primetime (7:00-12:00mn)" "Happy Hour (3:00-7:00pm)" "After Hour (12:00mn-3:00am)"]</div>
            <div class="hide" id="hide-slot04">[radio TimeSlot-Cebu id:R-timeslotCebu class:contactForm use_label_element "Lunch Hour (12:00nn-3:00pm)" "After Hour (12:00mn-3:00am)" "Happy Hour (3:00-7:00pm)" "Primetime (Sunday to Thursday) (7:00-12:00mn)" "Primetime (Friday to Saturday) (12:00mn-3:00am)" ]</div>
        </li>

<h4> Remarks </h4>

        <li>[textarea Remarks x4 id:R-remarks class:contactForm placeholder "Any special plans or activities? Bringing a cake? Let us know!"]</li>
        <li>[acceptance RBrulesandregulations id:R-RBrulesandregulations class:contactForm] I have read the <a href="#" target="_blank">Rules and Regulations</a> of Red Box Philippines</li>
    </ul>
    <div id="formButtons">[submit id:sendRForm class:contactForm "Make Reservation"]</div>
</div>

Can anyone help? I tried using the default contact form and it works fine. I am also building the site locally so I cannot provide a link.

https://www.ads-software.com/plugins/contact-form-7/