javascript - 必填字段上的Javascript/Jquery验证

我进行了很多搜索，但找不到我的问题的答案。
首先，我想有一个提交按钮，如果没有填写所有必填字段，该按钮将被禁用。
我找到了一些示例，如果所有字段都已填写，但是我有必填字段，则不需要
我需要查找是否满足要求的内容。
我目前对如何实现它没有想法。
以防万一，我在Scala中使用了play框架2.1.x。

干杯，
伊尔根

最佳答案

这是一个简单的示例：

首先，您可以使用必填类来标识必填字段：

<form id="myForm">
    *<input type="text" class="required" /></br>
    *<input type="text" class="required" /></br>
    <input type="text" /></br>
    <input type="text" /></br>
    <input type="submit"/>
</form>

最初禁用您的提交按钮：

var submitButton = $("#myForm input[type='submit']").attr("disabled", true);

然后，使用jQuery每次更改输入时都会遍历您的输入，并检查其中是否有值。如果它们都有一个值，则启用提交按钮，如果不禁用它，则：

    $("#myForm input.required").change(function () {
        var valid = true;
        $.each($("#myForm input.required"), function (index, value) {
            if(!$(value).val()){
               valid = false;
            }
        });
        if(valid){
            $(submitButton).attr("disabled", false);
        }
        else{
            $(submitButton).attr("disabled", true);
        }
    });

请参阅此jsFiddle，并提供有关您使用jQuery描述的简单示例。