仅当每个输入都为空时才验证表单

时间:2018-04-30 15:24:24

标签: javascript forms validation input

嗯,这个问题非常明显。我一直在寻找一段时间,并没有找到一种正确的方法来进行这种验证。

我需要做的就是在所有输入为空时运行错误消息。如果其中一个被填满,那么我不需要停止提交表单。

我想的是:

{
    "path": "C:\\Users\\Test\\Documents\\test.txt"
}

但是,如果至少有一个没有数据的输入,这将停止我的表格。

有什么想法吗?提前谢谢。

2 个答案:

答案 0 :(得分:2)

扭转你的逻辑。即如果任何输入有值,则返回true,否则返回false

function checkForm() {
    $('input').each(function() {
        if ($(this).val() !== '') {
            return true;
        }
    });

    return false;
};

答案 1 :(得分:1)

反转您的逻辑,因为您要检查一个输入字段的值是否为非空。

此外,您可能希望从实际功能返回,而不是从无效的回调中返回。



function checkForm() {
    let bool = false;
    $('input').each(function(){
        if( $(this).val() !== '' ){
          bool = true;
        }
    });
    console.log(bool);
    return bool;
};

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="text">
<input type="text">
<input type="text">
<button onclick="checkForm()">check</button>
&#13;
&#13;
&#13;