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的* Form类不允许添加自定义属性。

您必须通过一个较为经典的更换<?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')); ?>" }}); 
});