Question

我有HTML表单，该表单在同一个表单上具有多个按钮和多个文本字段，如下所示。

表格：#myform

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

我想仅将“必需”属性的特定按钮应用于特定的文本字段（TextField1的Button1）

如果有人通过传递一些参数来执行此验证来使用javascript提供解决方案，将不胜感激

Answer 1

根据mozilla，不包括“必需”。因此，元素“按钮”上不允许使用“必需”。您可以添加，但不会添加验证。对于按钮，我会在javascript中使用验证。

Answer 2

我找到了满足我以自动化方式提出的要求的解决方案，我正在发布代码，以便在有人像我这样搜索解决方案的情况下使用

点击按钮即可调用呼叫功能

    <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属性，但您在参数中传递的元素除外。

在同一表单上具有多个文本字段的多个按钮的HTML“必需”属性

2 个答案: