仅验证可见的字段

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

采用隐藏的字段，其中包含单个更改中的无线电按钮的动作（如果单击项目One>>'x'，item>>'y'），然后在需要提交的jQuery中检查它。

我在以下示例中进行了演示。您有两种选择，请根据您的要求进行检查。

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

如果返回true，则不是jQuery检查字段，以验证其他不返回。希望与上述联系，希望您能为您提供帮助。