Title: MW WP FormにてJSのバリデーションを追加する
Last modified: 2016年9月15日

---

# MW WP FormにてJSのバリデーションを追加する

 *  [omarioooon](https://ja.wordpress.org/support/users/omarioooon/)
 * (@omarioooon)
 * [10年、 11ヶ月前](https://ja.wordpress.org/support/topic/mw-wp-form%e3%81%ab%e3%81%a6js%e3%81%ae%e3%83%90%e3%83%aa%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e8%bf%bd%e5%8a%a0%e3%81%99%e3%82%8b/)
 * MW WP FormにてjQuery-Validation-Engineを適用させ、
    非同期でもバリデーションを
   行えるようにしたいと考えています。
 * MW WP Formではinputなどに直接classを追加することは出来ないようなので、
    それぞれ
   class付きのspanで囲み、 JSでspanからinputにclassを移し替える方法でjQuery-Validation-
   Engineの動作は出来ました。
 * しかし、入力エラーの状態でsubmitボタンを2回以上クリックすると
    MW WP FormのJS
   と競合しているようで、 submitにdisableが付いてしまい送信することが出来なくなて
   しまいました。
 * MW WP Form側のJSを変えるのはアップデートなど考えるとしない方がいいと思い
    つまずい
   ている状況です。
 * なにか良い方法があればご教授お願いいたします。

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

 *  [hide](https://ja.wordpress.org/support/users/hideokamoto/)
 * (@hideokamoto)
 * [10年、 11ヶ月前](https://ja.wordpress.org/support/topic/mw-wp-form%e3%81%ab%e3%81%a6js%e3%81%ae%e3%83%90%e3%83%aa%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e8%bf%bd%e5%8a%a0%e3%81%99%e3%82%8b/#post-191403)
 * まずはどこで競合しているかを確認されるのが一番かなと思います。
    Chromeやfirefox
   ならばブラウザ上でJSのデバッグができますので。
 * [http://weback.net/utility/1537/](http://weback.net/utility/1537/)
 *  トピック投稿者 [omarioooon](https://ja.wordpress.org/support/users/omarioooon/)
 * (@omarioooon)
 * [10年、 10ヶ月前](https://ja.wordpress.org/support/topic/mw-wp-form%e3%81%ab%e3%81%a6js%e3%81%ae%e3%83%90%e3%83%aa%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e8%bf%bd%e5%8a%a0%e3%81%99%e3%82%8b/#post-191422)
 *     ```
       var mw_wp_form_button_no_click = true;
           $('.mw_wp_form input[type="submit"]').click(function() {
               var formElement = $(this).closest('form')[0];
               if (formElement && formElement.checkValidity && !formElement.checkValidity()) {
                   return;
               }
               if (mw_wp_form_button_no_click) {
                   mw_wp_form_button_no_click = false;
               } else {
                   $(this).prop('disabled', true);
               }
           });
       ```
   
 * この部分の記述で
    2回目以降のクリックを行なう際にsubmitにdisableがついてしまい
   ます。 恐らく2重送信を防ぐためかなと思うのですが・・。
 * wp_dequeue_scriptを使用して、
    JS自体を吐き出さないようにしようかとも思ったの
   ですが、 [https://github.com/inc2734/mw-wp-form/blob/master/js/form.js](https://github.com/inc2734/mw-wp-form/blob/master/js/form.js)
   このJSを使わないことによる不具合を恐れています。。。

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

 トピック「MW WP FormにてJSのバリデーションを追加する」には新たに返信することはでき
ません。

## タグ

 * [jQuery-Validation-Engine](https://ja.wordpress.org/support/topic-tag/jquery-validation-engine/)
 * [js](https://ja.wordpress.org/support/topic-tag/js/)
 * [MW WP Form](https://ja.wordpress.org/support/topic-tag/mw-wp-form/)

 * フォーラム: [使い方全般](https://ja.wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 2件の返信
 * 2人の参加者
 * 最後の返信者: [omarioooon](https://ja.wordpress.org/support/users/omarioooon/)
 * 最後の活動: [10年、 10ヶ月前](https://ja.wordpress.org/support/topic/mw-wp-form%e3%81%ab%e3%81%a6js%e3%81%ae%e3%83%90%e3%83%aa%e3%83%87%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3%e3%82%92%e8%bf%bd%e5%8a%a0%e3%81%99%e3%82%8b/#post-191422)
 * 状態: 未解決

## トピック

### 人気のトピック

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

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

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

### 未解決のトピック

### すべてのトピック