Аквтивность неактивность кнопки по тексту формы

<script type="text/javascript">
    //Код, выполняемый всегда
    var usr=document.getElementById('user').value;
    var pas=document.getElementById('password').value;
    if((usr.length < 3) && (pas.length < 3)) 
    {
        document.getElementById('button').disabled=true;
    } else 
        document.getElementById('button').disabled=false;
    
    //Проверка полей
    function checkFields(form){
        if(form.name!="login") return false;
        var usr=form.elements['usr'].value;
        if(usr==''){
            alert('Имя не может быть пустым');
            form.elements['usr'].focus();
            return false;
        }
        return true;
    }
</script>
 
 
<form class="forma" action="" method="POST" name="login" onSubmit="return checkFields(this)">
    <table border=0>
    <tr>
        <td>
            <b>Имя:</b>
        </td>
        <td>
            <input type="text" name="usr" id="user">
        </td>
        <tr>
        <td>
            <b>Пароль:</b>
        </td>
        <td>
            <input type="password" name="passwd" id="password">
        </td>
        <tr>
        <td colspan="2">
            <input type="submit" value="Войти" name="but" id="button">
        </td>
    </table>
</form>