jquery - 検証プラグインが 1 つのフィールドで機能しない

Question

私は非常に単純なフォームを持っており、1 つのフィールドを必須にしようとしています。

しかし、空白のフィールドで送信しても何も起こりません。それでも送信されます。

$(document).ready(function() {
    jQuery("#commentForm").validate({
        rules:{
            message_name:{
                required:true
            }
        },
        messages:{
            message_name:{
                required:"Name Required"
            }
        }
    });
});

<form id="case-study-form" action="<?php get_option("siteurl");?>/case-study-downloads/"  method="post"  >
    <p><label class="modal-label" for="name">Name: <span>*</span></label> <input type="text" name="message_name" id="message_name" class="required" value=""></p>
    <p><input type="submit" value="Submit" ></p>
</form>

Answer 1

フォーム ID が jQuery セレクターと一致しません。