Javascript JQuery移动验证插件；“必需”；不起作用

首先，这是家庭作业

编辑： 好的，我现在已经有了这个插件，但是只针对数字和电子邮件地址之类的东西，默认的“总是必需的”似乎不起作用，这有点重要。总之，如果我将表单元素的类设置为“class=”required“”，无论它是否有效，它都会进行验证，而如果我执行类似“class=”required number“”的操作，验证工作正常

旧文本： 我需要在JQM站点上使用jqueryvalidate插件，其中包含一个表单。学校的指示是，我所需要做的就是将一些表单元素的类更改为“必选”或类似的，然后在表单上调用。验证

好吧，我已经做了几十次了，但我无法让它工作，所以可能是我的代码中有什么东西导致了这个问题，下面是我代码的相关部分：

请注意，在此之前，我实际上只与JQM共事过一周，因此我对任何愚蠢的错误/草率表示歉意。）

表格：

<!--Add char form-->
<div data-role="page" id="add-item" data-theme="a" >
    <!--I decided to edit my form from the previous week to be more flexable and generic for use in many different RPGs, and not just Dungeons and Dragons, as it was before.-->

    <div data-role="header">
            <h1>Add New Character</h1>
        </div>
    <div data-role="content">
        <form action="" method="post" data-ajax="false" id="addCharForm">
            <fieldset data-role="controlgroup">
                <label for="dateCreated">Date Created:</label>
            <input type="date" id="dateCreated">
        </fieldset>

        <fieldset data-role="controlgroup">
                <label for="name">Age:</label>
            <input type="text" name="name" id="charAge" value="">
        </fieldset>

        <fieldset data-role="controlgroup">
            <label for="charName">Name:</label>
            <input type="text" id="charName" placeholder="Character Name" class="required">
        </fieldset>

        <fieldset data-role="controlgroup" data-type="horizontal">
            <legend>Choose character gender:</legend>
            <input type="radio" name="gender" id="radioMale" value="Male">
            <label for="radioMale">Male</label>

            <input type="radio" name="gender" id="radioFemale" value="Female">
            <label for="radioFemale">Female</label>
        </fieldset>

        <fieldset data-role="controlgroup">
            <label for="charAttrs">Describe your character's <b>attributes</b> in this field:</label>
            <textarea id="charAttrs"></textarea>
        </fieldset>
        <fieldset data-role="controlgroup">
            <label for="charSkills">Describe your character's <b>skills</b> in this field:</label>
            <textarea id="charSkills"></textarea>
        </fieldset>
        <fieldset data-role="controlgroup">
            <label for="charBio">Character Biography:</label>
            <textarea id="charBio"></textarea>
        </fieldset>
        <fieldset data-role="controlgroup">
            <label for="charRating">Rate Your Character:</label>
            <input type="range" name="charRating" id="charRating" value="100" min="0" max="100">
        </fieldset>

        <input type="submit" value="Submit Character" data-theme="b">
        <input type="button" id="testBtn" value="Test">
    </form>
    </div>
</div>

---

任何帮助都将不胜感激。

我认为您必须在

中包含

class=“required”

，并按如下方式初始化您的表单：

$("#nameOfTheForm").validate();

---

我刚刚注意到表单没有ID，我修复了它，但它似乎仍然不起作用。因此，我刚才注意到，.validate正在启动，但无论数据是否有效，它总是返回为已验证。

$("#nameOfTheForm").validate();