javascript - HTML5 検証とカスタム文字列比較の追加

Question

正常に動作する HTML 5 検証がいくつかありますが、カスタム検証を追加して、2 つの入力要素が同じ値であるかどうかを確認する必要があります。しかし、これまでのところ、それは無視されています。これが私のコードで、機能しない変更がコメントされています:

<script type="text/javascript">
    $(document).ready(function () {

        //set up buttons
        $(function () {
            $("input:submit").button();
        });
    });
</script>    

<!--IE doesn't support setCustomValidity--> 
<![if !IE]>
<script type="text/javascript">
    //http://www.whatwg.org/specs/web-apps/current-work/multipage/association-of-controls-and-forms.html#the-constraint-validation-api
    $(document).ready(function () {

        //set up buttons
        $(function () {
            $("input:submit").button();
        });

        //added to compare Name and Email Address
        var name = $("#Name").val();
        var emailAddress = $("#EmailAddress").val();

        if ((name == emailAddress) && (name != "")) {
            $("#Name").setCustomValidity("Name must not be equal to Email Address");
            return false;
        }

        var elementsInput = document.getElementsByTagName("input");
        var elementsTextArea = document.getElementsByTagName("textarea");

        for (var i = 0; i < elementsInput.length; i++) {

            elementsInput[i].oninvalid = function (e) {
                e.target.setCustomValidity("");
                if (!e.target.validity.valid) {

                    switch (e.target.name) {

                        case "Name":
                            e.target.setCustomValidity("@Html.Raw(Resources.Validation.FullNameRequired)");
                            break;

                        case "EmailAddress":
                            //e.preventDefault();

                            //later you decide you want to submit
                            //$(this).unbind('submit').submit();

                            if (e.target.validity.valueMissing) {
                                e.target.setCustomValidity("@Html.Raw(Resources.Validation.EmailAddressRequired)");
                            }
                            else if (e.target.validity.patternMismatch) {
                                e.target.setCustomValidity("@Html.Raw(Resources.Validation.EmailAddressInvalid)");
                            }
                            break;

                        case "PhoneNumber":
                            //e.preventDefault();
                            if (e.target.validity.valueMissing) {
                                e.target.setCustomValidity("@Html.Raw(Resources.Validation.PhoneNumberRequired)");
                            }
                            else if (e.target.validity.patternMismatch) {
                                e.target.setCustomValidity("@Html.Raw(Resources.Validation.PhoneNumberInvalid)");
                            }
                            break;
                        }
                    }
            };
                elementsInput[i].oninput = function (e) {
                    e.target.setCustomValidity("");
                };
            }

        for (var j = 0; j < elementsTextArea.length; j++) {
            elementsTextArea[j].oninvalid = function (e) {
                e.target.setCustomValidity("");
                if (!e.target.validity.valid) {
                    switch (e.target.name) {
                        case "Details":
                            e.target.setCustomValidity("@Html.Raw(Resources.Validation.DetailsRequired)");
                            break;
                    }
                }
            };
            elementsTextArea[j].oninput = function (e) {
                e.target.setCustomValidity("");
            };
        }
    });

</script>
<![endif]>