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

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 に答える