HTML обязательный атрибут для нескольких кнопок с несколькими текстовыми полями в одной форме

Question

У меня есть HTML-форма с несколькими кнопками и несколькими текстовыми полями в одной и той же форме, как показано ниже.

Форма: # myform

TextField1 ---> Button1
TextField2 ---> Button2
.. so on like more number of fields

Я хочуприменить атрибут «обязательный» только определенную кнопку к определенному текстовому полю (Button1 для TextField1)

Будет благодарен, если кто-то предоставит решение в javascript, передав некоторый параметр для выполнения этой проверки

Answer 1

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

Вызов функции при нажатии кнопки

    <input type="text" id="txtfield1" class="texttype0" th:field="*{txtfield1}" placeholder="Enter txtfield1"> 
    <button type="submit" id="bt1" onclick="btn('txtfield1')" name="action" >Update</button>

А ниже моя функция JavaScript

function btn(txtid) {
        document.getElementById(txtid).setAttribute("required", true);
    $('form#myform').find(
                'input[type=text],input[type=date],select').each(
                function() {
                    var name = $(this).attr('id');
                    if (txtid == name) {
                        $(name).prop("required", true);
                    } else {
                        $(name).prop("required", false);
                        document.getElementById(name).required = false;
                    }
                });
    }

Это будет искать все элементы из формы и удалять атрибут require, кроме того, который вы передали в параметре.

Answer 2

Согласно mozilla «обязательно» не входит.Поэтому «обязательный» не допускается для элемента «кнопка»Вы можете добавить, но это не добавит проверки.Для кнопки и я бы использовал проверку с помощью JavaScript.