Удаление обязательного атрибута с помощью действия пользователя Thymeleaf

Question

В настоящее время создается приложение Spring с Thymeleaf в качестве внешнего компонента.

Когда пользователь выбирает флажок в форме, я хочу немедленно удалить атрибут required из всех последующих тегов в этой форме , Таким образом, пользователь может отправить форму немедленно, вместо того, чтобы принудительно вводить данные для полей ввода required.

Этот флажок ^ проверено. Это должно позволить пользователю сохранить сразу, вместо этого:

Я считаю, что JQuery необходимо для того, что я пытаюсь сделать. Я нашел это возможное решение:

Удаление html5 обязательного атрибута с помощью jQuery

, но у меня нет опыта работы с JQuery, и это решение показывает только то, как удалить обязательное поле, а не когда действие происходит. Есть ли более простой способ справиться с этой задачей?

Моя разметка формы для справки:

<!-- When the user clicks "save", this data routed here -->
        <form action="#" th:action="@{/ots/resolve/save}"
            th:object="${griefRecord}" method="POST">

            <div class="checkbox">
                <label data-toggle="popover" data-content="Checking this box will Exclude this record">
                <input type="checkbox" name="exclude"/>Exclude this Record?</label>
            </div>

            <div class="input-group mb-3">
                <div class="input-group-prepend">
                    <span class="input-group-text" id="inputGroup-sizing-default"
                    data-toggle="popover" data-content="Adjust the Platform">Platform</span>
                </div>
                <input type="text" th:field="*{platform}"
                    class="form-control" placeholder="platform" required>
            </div>

            <button type="submit" id="index-popover"
                class="btn btn-warning btn-sm" data-toggle="popover"
                data-content="Save the listed record to the Cross Reference Table">Save</button>

        </form>

Answer 1

Установите id, например. reqfield на входах с атрибутом required, тогда вы можете использовать следующий код:

$(function(){

    $("input[name=exclude]").change(function(){
     if(this.checked){
        $("input#reqfield").removeAttr("required")
     } else {
        $("input#reqfield").attr("required", true)
     }
    })

})