0

我尝试使用错误消息创建一些新的必填字段！但我不知道如何做到这一点！我使用 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。

谢谢，希望有人可以帮忙。

4

2 回答 2

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

于 2016-09-13T15:54:42.387 回答
0

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

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

于 2016-11-19T21:28:48.703 回答