Enable submit button only when all fields are filled

前端 未结 5 1120
-上瘾入骨i
-上瘾入骨i 2020-12-16 05:06

In my form, I want to enable form only when all fields (and radio button list) has been selected.

So far, I have successfully made the submit button enable

5条回答
  •  佛祖请我去吃肉
    2020-12-16 05:37

    Here is a fiddle for you. http://jsfiddle.net/soyn0xag/6/

    $("input[type='text'], textarea").on("keyup", function(){
        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");
        }
    });
    

提交回复
热议问题