Disable submit button until both inputs are not empty

Question

I have a simple contact form, but I want to disable the submit button until both inputs are not empty anymore. I read a lot of answers about kind of the same problem, but they all get answered in jQuery, but I would like to use native JavaScript. How can I achieve this? And can it check if the button should be enabled after any kind of change to the inputs, like pasting?

$(document).ready(function() {
    var $submit = $("#verzend"),
        $inputs = $('#textarea, #email');
    function checkEmpty() {
        return $inputs.filter(function() {
            return !$.trim(this.value);
        }).length === 0;
    }
    $inputs.on('keyup blur', function() {
        $submit.prop("disabled", !checkEmpty());
    }).keyup();
});

I found this as a good solution, but it is in JQuery

Maybe add what you have so we can help

Gerardo BLANCO
– Gerardo BLANCO

2018-02-07 20:18:27 +00:00
Commented Feb 7, 2018 at 20:18 — Gerardo BLANCO
– Gerardo BLANCO, Commented Feb 7, 2018 at 20:18

Daniel A. White · Accepted Answer · 2018-02-07 20:14:09Z

2

You can easily do this with the required attribute. Place this on both of your input. The browser should block this automatically.

answered Feb 7, 2018 at 20:14

Daniel A. White

192k49 gold badges389 silver badges474 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

MarkSmit Over a year ago

yeah, I already have that, but these could be easily removed in the inspector of the browser.

Daniel A. White Over a year ago

@MrkSmt anything can be undone by the client. you need to validate on the server too.

MarkSmit Over a year ago

I do, but it for my project it is necessary to add en remove the 'disabled' attribute for my submit button.

Collectives™ on Stack Overflow

Disable submit button until both inputs are not empty

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related