Quiero que mi botón de enviar formulario esté deshabilitado / habilitado dependiendo de si el formulario está completamente lleno.

Cuando se llenan las entradas, el botón deshabilitado cambia a habilitado. Eso funciona muy bien. Pero me gustaría que deshabilite el botón cuando se emita una entrada.

Este es mi guión:

<script type="text/javascript" language="javascript">
    function checkform()
    {
        var f = document.forms["theform"].elements;
        var cansubmit = true;

        for (var i = 0; i < f.length; i++) {
            if (f[i].value.length == 0) cansubmit = false;
        }

        if (cansubmit) {
            document.getElementById('submitbutton').disabled = false;
        }
    }
</script> 
<form name="theform">
<input type="text" onKeyup="checkform()" />
<input type="text" onKeyup="checkform()" />
<input id="submitbutton" type="submit" disabled="disabled" value="Submit" />
</form>