javascript - 使用 Jquery 限制输入文本框

Question

所以我需要一个输入框，只允许人们输入"is"或“否”。不允许其他输入。有没有人知道使用 Jquery 的插件或任何其他简单的方法？我找到了一个名为 constraint ( http://plugins.jquery.com/project/constrain ) 的插件，它可以防止用户输入某些字符，但这还不够，因为该插件只能防止用户在字母字段中输入数字。下拉框或其他组件不是一个选项。

感谢您的帮助。

Answer 1

为什么不是这样的 ( link to jsFiddle )？这只会让您键入允许值数组中包含的那些字符吗？我怀疑有更好的方法来检查数组中是否存在值或部分值而不是循环。但这将由用户的按键触发，而不是在控件失去焦点时触发……因此用户体验可能会更好。

希望这对您有所帮助!

HTML

Enter text: <input type="text" id="data" />

JavaScript 代码

var allowedValues = ['yes','no'];
$(document).ready(function() {
    $("#data").keyup(function(e) {
        var typedValue = $(this).val(),
            valLength = typedValue.length;
        for(i=0;i<allowedValues.length;i++) {
            if(typedValue.toLowerCase()===allowedValues[i].substr(0,valLength)) {
                return;
            }
        }
        $("#data").empty().val(typedValue.substr(0, valLength-1));
    });
});