Osclass, как сделать обязательные поля с сообщением об ошибке

Question

Я пытаюсь создать новые обязательные поля с сообщением об ошибке! Но я не знаю, как это сделать! Я использую CTG-жилищную тему

Это код в моем файле:

<div class="contact-us-your-name"> 
<label class="control-label" for="yourName"> 
    <span class="required_fields">* </span> 
    <?php _e('Your Name', 'ctg_housing'); ?> 
</label> 
<?php ContactForm::your_name(); ?> 
</div> 

<div class="contact-us-your-email"> 
<label class="control-label" for="yourEmail"> 
    <span class="required_fields">* </span> 
    <?php _e('Your E-mail', 'ctg_housing'); ?> 
</label> 
<?php ContactForm::your_email(); ?> 
</div> 

<div class="contact-us-subject"> 
<label class="control-label" for="subject"> 
    <?php _e('Subject', 'ctg_housing'); ?> 
    (<?php _e('optional', 'ctg_housing'); ?>) 
</label> 
<?php ContactForm::the_subject(); ?> 
</div> 

<div class="contact-us-message"> 
<label class="control-label" for="message"> 
    <span class="required_fields">* </span> 
    <?php _e('Message', 'ctg_housing'); ?> 
</label> 
<?php ContactForm::your_message(); ?> 
</div> 

<?php ctg_housing_show_flash_message(); ?> 

<div class="contact-us-send-message"> 
<button type="submit" class="small radius text-center" style="margin-bottom: 0px;"> 
    <?php _e("Send Message", 'ctg_housing');?> 
</button> 
</div> 

Тогда я получаю сообщение об ошибке 1 см рисунок 1.

Когда я добавить код требуется я получаю неправильный ошибка см. изображение 2

<script type="text/javascript"> 
$("#message").attr('required', 'required'); 
</script> 

И что мне нужно, как изображение 3, что сообщение об ошибке появляется под полем! См. Рисунок 3, как по электронной почте.

Спасибо, надеюсь кто-то может помочь.

Answer 1

К сожалению, эти * Класс формы из Osclass не позволяют добавлять пользовательские атрибуты.

Вам придется заменить <?php ContactForm::your_name(); ?> на несколько более классический:

<input 
    id="yourName" 
    type="text" 
    name="yourName" 
    value="<?php echo osc_esc_html(htmlentities($value, ENT_COMPAT, "UTF-8")); ?>" 
/> 

И так далее.

Это проблема (не могу найти ссылку на обсуждение), которая известна из команды Osclass, но они (мы, сообщество) не нашли правильного решения для правильного ввода и ввода форм темы.

Answer 2

Вы можете попробовать следующий JavaScript и поместите это после того, как форму выше функция сноски крюка:

<script> 
$(document).ready(function(){ 
    $("#message").rules("add", {required: true, messages: { required: "<?php osc_esc_js(__('Message field is required','ctg_housing')); ?>" }}); 
});