showIn вызывает проверку формы

Question

Я использую SPA Kendo-UI для создания экрана CRUD на стороне клиента. Одна из функций заключается в том, чтобы позволить пользователям изменять свой пароль, и поэтому я настраиваю следующий шаблон:

<script type="text/x-kendo-template" id="user-change-password">
    <div class="hpanel hblue">
        <div class="panel-heading hbuilt">
            <div class="panel-tools">
                <a class="showhide"><i class="fa fa-chevron-up"></i></a>
            </div>
            Change Password for <span data-bind="text: userViewModel.UserName"></span>
        </div>
        <div class="panel-body">
            <form class="container-fluid" id="user-change-password-form">
                <a class="k-button btn-xs m-b-md" data-bind="attr: {href: userHref}">
                    <i class="fa fa-arrow-left"></i>
                    Go Back
                </a>
                <div class="form-group">
                    <label for="change-password">New Password</label>
                    <input id="change-password" type="password" class="k-textbox" required="required" data-bind="value: password" />
                </div>
                <div class="form-group">
                    <label for="change-password-confirm">New Password Confirmation</label>
                    <input id="change-password-confirm" type="password" class="k-textbox" required="required" data-bind="value: passwordConfirmation" />
                </div>
                <div class="row">
                    <div class="col-md-12 form-group">
                        <button type="submit" class="k-button" data-bind="click: formSubmission">
                            <i class="fa fa-save"></i>
                            Save
                        </button>
                        <button type="reset" class="k-button">
                            <i class="fa fa-undo"></i>
                            Reset
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</script>

Проблема в том, что это выглядит так, как будто всякий раз, когда маршрутизатор достигает маршрута, вызывает метод showIn , это заставляет форму пытаться проверить (в результате чего входные данные будут выделены красным). Вот код, который я использую для маршрута:

router.route("/edit/:userId/change-password", function (userId) {
    _viewModel.changePassword.set("userId", userId);
    layout.showIn(".layout-content", changePasswordInterface);
});

Как я могу сделать так, чтобы всякий раз, когда пользователь посещал маршрут, он не пытался отправить форму без использования сторонней библиотеки