Osclass如何使用错误消息制作必填字段答案

【问题标题】：Osclass how to make Required fields with a error messageOsclass如何使用错误消息制作必填字段
【发布时间】：2016-08-25 08:02:41
【问题描述】：

我尝试创建一些带有错误消息的新必填字段！但我不知道如何做到这一点！我使用 ctg-housing 主题

这是我文件中的代码：

<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。

谢谢，希望有人能帮忙。

【问题讨论】：

标签： required osclass error-messages-for

【解决方案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 团队已知的一个问题（找不到讨论的链接），但他们（我们，社区）还没有找到合适的解决方案来正确生成表单输入并适合所有主题.

【讨论】：

【解决方案2】：

您可以尝试以下 javascript 并将其放置在页脚挂钩函数上方的表单之后：

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

【讨论】：