HTML 文本输入事件

Question

我有一个表单，想要根据表单的输入文本字段是否为空或是否已输入文本来禁用/启用其提交按钮。

我认为这意味着为输入文本字段的 keydown 或 keypress 事件提供一个事件处理程序：当它被触发时，该事件处理程序应该测试输入文本字段是否包含文本，并相应地启用或禁用提交按钮。

change 事件看起来应该比 keydown 或 keypress 事件更有用，只不过它在控件输入之前不会被触发。问题失去了焦点，这有什么好处：由于用户只想输入一些内容，然后单击提交按钮，我想要一个由输入的文本触发的事件处理程序，而不仅仅是在控件失去焦点时触发。

我的问题是：

• keydown 和/或 keypress 事件是在相应文本插入输入文本字段之前还是之后触发的？
• keydown 和/或 keypress 事件是否可以取消（您可以取消它们以防止输入相应的文本）吗？

---

编辑：仅供参考，jQuery 验证插件 - 测试按键上的表单有效性。

Answer 1

回答你的问题...

1. keydown 或 keypress 事件可以
   在输入文本之前被拦截
   使用 javascript
2. 绑定 a 后可以返回 false
   按键或按键功能
   事件。这将阻止文本
   从被输入。

使用 jQuery 的示例：

$("#inputfield").live("keydown", function(){
    return false;
});

如果您想测试表单提交时的某些输入值，您可以使用 jQuery 提交（）。

$("#theform").submit(function() {
    var formval = $("#theinput").val();
    if(formval == "") { //or some better test
        alert("input value"); //or some other alert...
        return false;
    } else {
        return true;
    }
});

返回 false 将使提交表单的点击无效。

编辑：
如果正如您在评论中所说，您想要禁用表单提交，直到满足输入字段的要求，

$("#inputfield").live("keyup", function(){
    if($("#inputfield").val() == "") {
        $('#button').attr("disabled", true); 
    } else {
        $('#button').attr("disabled", false); 
    }
});

您想要使用“keyup" 事件处理程序以允许首先发送文本。请参阅我的示例：在 jsbin 上