javascript - これらを設定したときに、フォームが検証のチェックを行わないのはなぜですか?

Question

私は次のHTMLを持っています:

    <form action="/User/Account/Register" class="form" method="post">
            <input name="__RequestVerificationToken" type="hidden" value="kq_5caRv7pZxBPgvvBiwHzNeQd_V8MvPzr9k85FsDWdhDmBh3yCq5JmofXpqxyhVcWWBfjYuKirpYfoWd_dor_VlpxqAb0AmN4sKSVbDJS1cDWwhI9xodugz-SKaoxmba-ukOw2" />


            <div data-valmsg-summary="true"></div>

            <div id="input-fields">
                <div>
                    <input data-val="true" data-val-required="The User name field is required." id="UserName" name="UserName" type="text" value="" />
                </div>
                <div>
                    <input data-val="true" data-val-length="The Password must be at least 6 characters long." data-val-length-max="100" data-val-length-min="6" data-val-required="The Password field is required." id="Password" name="Password" type="password" />
                </div>
                <div>
                    <input data-val="true" data-val-equalto="The password and confirmation password do not match." data-val-equalto-other="*.Password" id="ConfirmPassword" name="ConfirmPassword" type="password" />
                </div>
            </div>
            <button type="submit" class="white-gradient glossy">Register</button>
        </form>

ただし、[登録] をクリックすると、期待するチェックは行われず、フォームは問題なく送信されます。

誰かが私が間違っていることを教えてもらえますか?