jQuery/JS 只在填写所有字段后启用表单提交按钮,无需重复检查所有字段

时间:2021-07-13 17:35:00

标签: javascript jquery validation click

我想知道如何禁用提交按钮,直到所有表单字段都填写完毕。我看到网上有很多jQuery和JS的解决方案。

但我要寻找的是,不是每次在字段值发生变化时都检查所有字段,是不是有一种方法可以像“必需”一样在最后一次检查所有字段'属性?

例如,如果您看到此处提供的以下解决方案 here

$("input[type='text'], textarea").on("keyup", function(){

    // checking for all fields on "keyup"

    if (
        $(this).val() != ""
        && $("textarea").val() != ""
        && $("input[name='category']").is(":checked") == true 
    ) {
        $("input[type='submit']").removeAttr("disabled");
    } else {
        $("input[type='submit']").attr("disabled", "disabled");
    }
});

$("input[name='category']").on("change", function () {
    if (
        $(this).val() != ""
        && $("textarea").val() != ""
        && $("input[name='category']").is(":checked") == true
    ) {
        $("input[type='submit']").removeAttr("disabled");
    } else {
        $("input[type='submit']").attr("disabled", "disabled");
    }
});

我们可以看到它每次在 keyupchange 被调用时都在检查所有字段。但我需要知道是否有任何其他有效的方法,而不是每次在 keyupchange 被调用时检查所有字段?

0 个答案:

没有答案
相关问题