CF7 шаманство
Здравствуйте,
у меня такая вот форма:
<style> .myakish{display:none;} input[type="text"], input[type="password"], input[type="email"], input[type="url"], input[type="tel"], input[type="submit"], input.text, textarea, input.settings-input { -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px; border: 1px solid #e6e6e6; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.05); margin-bottom: 10px; max-width: 100%; width: 100%; } input[type="submit"]{ border: none; } .grid-table2-form2{ display: grid; width: 100%; align-content: start; align-items: start; justify-content: space-between; gap: 1vw; grid-template-columns: 1fr; grid-template-rows: auto; } </style> <div class='table-form'> <div class='grid-table2-form2'> <div class="placeholder-container"> <input name="name_in_form" type="text" class="wpcf7-form-control wpcf7-text" aria-invalid="false" placeholder=" " /> <label>Имя</label> </div> <div class="placeholder-container"> <input class="wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-validates-as-tel" aria-required="true" aria-invalid="false" value="" type="tel" name="phone_in_form" placeholder=" "><label>Телефон*</label> </div> </div> <div class='table2-form-flat'> <div class="placeholder-container"> <textarea name="message_in_form" placeholder=" "></textarea> <label>Сообщение</label> </div> </div> </div> <div class='btn-lg-call d-block b-center margin-top'> [submit class:button class:unic-text "Отправить заявку"] </div> [text* myakish class:myakish]
В ней поле для ввода телефона указано явно в виде кода. Это сделано для того, чтобы label "телефон" красиво отъезжал при фокусе поля. Подскажите, есть ли возможность при таком задании поля сделать его обязательным со стандартной проверкой CF7?
Вопрос решен с помощью JS и добавлением класса к форме CF7. Класс добавляется с помощью атрибута html_class в шорткод [contact-form-7]. Можно также использовать html_id, но id должен быть уникальным на странице...