Title: Contact Form 7 でのjavascriptの使用
Last modified: 2009年12月8日

---

# Contact Form 7 でのjavascriptの使用

 *  [fone](https://ja.wordpress.org/support/users/fone/)
 * (@fone)
 * [16年、 10ヶ月前](https://ja.wordpress.org/support/topic/contact-form-7-%e3%81%a7%e3%81%aejavascript%e3%81%ae%e4%bd%bf%e7%94%a8/)
 * Contact Form 7 でのjavascriptの使用について質問させてください。
 * フォーム内の文字数をカウントするjavascriptを検討しているのですが、
 * <textarea cols=”24″ rows=”3″ onkeyup=”ShowLength(‘sample’, value);”></textarea
   >
 * の、onkeyup=”ShowLength(‘sample’, value);”の部分をコンタクトフォーム７でテキスト
   エリアなどのタグに追加した場合はどのようにしたら良いのでしょうか？
 * よろしくお願いします。

3件の返信を表示中 - 1 - 3件目 (全3件中)

 *  トピック投稿者 [fone](https://ja.wordpress.org/support/users/fone/)
 * (@fone)
 * [16年、 10ヶ月前](https://ja.wordpress.org/support/topic/contact-form-7-%e3%81%a7%e3%81%aejavascript%e3%81%ae%e4%bd%bf%e7%94%a8/#post-122574)
 * すいません、上記について訂正です。
 * ×
    の、onkeyup=”ShowLength(‘sample’, value);”の部分をコンタクトフォーム７でテキスト
   エリアなどのタグに追加した場合はどのようにしたら良いのでしょうか？
 * ○
    の、onkeyup=”ShowLength(‘sample’, value);”の部分をコンタクトフォーム７でテキスト
   エリアなどのタグに追加したい場合はどのようにしたら良いのでしょうか？
 * の誤りです。
 *  モデレーター [Takayuki Miyoshi](https://ja.wordpress.org/support/users/takayukister/)
 * (@takayukister)
 * [16年、 10ヶ月前](https://ja.wordpress.org/support/topic/contact-form-7-%e3%81%a7%e3%81%aejavascript%e3%81%ae%e4%bd%bf%e7%94%a8/#post-122577)
 * onkeyup に対応するオプション等はありませんので、class か id を設定しておいて、
   それに対するイベントを外部の JavaScript で指定してやるとよいと思います。
 * 例えば、jQuery がロードされているはずなので、
 *     ```
       jQuery('#id-of-the-textarea').keyup(function(event){
       	ShowLength('sample', jQuery(this).val());
       });
       ```
   
 * みたいな感じですかね。試してないので動くかどうかわかりませんけど。
 *  トピック投稿者 [fone](https://ja.wordpress.org/support/users/fone/)
 * (@fone)
 * [16年、 10ヶ月前](https://ja.wordpress.org/support/topic/contact-form-7-%e3%81%a7%e3%81%aejavascript%e3%81%ae%e4%bd%bf%e7%94%a8/#post-122578)
 * ありがとうございました。
    ご教授いただいた方法にて対応できました。

3件の返信を表示中 - 1 - 3件目 (全3件中)

 トピック「Contact Form 7 でのjavascriptの使用」には新たに返信することはできません。

## タグ

 * [Contact Form 7](https://ja.wordpress.org/support/topic-tag/contact-form-7/)

 * フォーラム: [プラグイン](https://ja.wordpress.org/support/forum/plugins/)
 * 3件の返信
 * 2人の参加者
 * 最後の返信者: [fone](https://ja.wordpress.org/support/users/fone/)
 * 最後の活動: [16年、 10ヶ月前](https://ja.wordpress.org/support/topic/contact-form-7-%e3%81%a7%e3%81%aejavascript%e3%81%ae%e4%bd%bf%e7%94%a8/#post-122578)
 * 状態: 未解決

## トピック

### 人気のトピック

### 返信がないトピック

### サポート関連ではないトピック

### 解決済みのトピック

### 未解決のトピック

### すべてのトピック