单击时，请检查表单中是否有不显示的元素

On click check if there are elements in a form which are with display none

本文关键字：是否 显示 元素 表单 检查 检查表 单击      更新时间：2023-09-26

>我有一个表单，单击按钮时我在其中隐藏了一些输入。我有一个验证代码，它贯穿每个输入，如果有空输入，则打印错误消息。但是为了提交表单，我必须填写每个元素，包括不可见的元素，因为尽管我已经填写了所有可见元素，但代码正在打印消息。

这是验证的代码

$('button.submit-first').click(function() {
    var emptyElements = $('form.registration-form div.first-part :input').filter( function() {
        return this.value === '';
    });
    if (emptyElements.length === 0)
    {
        $('p.red').css('display', 'none');
    } 
    else
    {
        $('p.red').css('display', 'block');
        $('html, body').animate({scrollTop: $('div.row').offset().top}, 800);
    }
});
我

似乎无法弄清楚我应该如何浏览输入，如果有不可见的输入，请跳过它们并检查可见的输入。

您只需在输入中添加"：visible"即可仅验证这些内容。

$('button.submit-first').click(function() {
    var emptyElements = $('form.registration-form div.first-part :input:visible').filter( function() {
    return this.value === '';
});
相关文章：