javascript - 仅验证可见字段

Question

我正在使用单选按钮来选择公寓和房间选项。我对两者都有特定的字段。如何仅验证可见字段而不验证隐藏字段？

<div id="condo_display" style="display:none">
     <input type="text" name="condo_name" required>
</div

<div id="room_display" style="display:none">
     <input type="text" name="room_name" required>
</div


function propertyType() {

    if (document.getElementById('condo').checked) {
        document.getElementById('condo_display').style.display = 'block';
    } else document.getElementById('condo_display').style.display = 'none';

    if (document.getElementById('room').checked) {
        document.getElementById('room_display').style.display = 'block';
    } else document.getElementById('room_display').style.display = 'none';
}

Answer 1

获取包含单选按钮更改操作的隐藏字段(如果单击第一项>>'x'，项目>>'y')并在jquery所需的字段中检查它。

我已经在下面的例子中演示了。 您有两种类型的选择，根据您的要求进行检查。

field_name:{required: function(element) {
                  if($("#is_display").val() == 'y'){         
                            return true;
                    }else{
                        return false;
                   }
        }

如果返回 true 则 jquery 检查字段进行验证，否则不返回。 请检查以上内容，希望对您有所帮助。