javascript - 当用户在输入字段中输入特定单词时触发警报

Question

我想在用户在输入字段中输入特定单词时发出警报...不是在用户单击某个提交按钮或其他任何东西时...而是在字段中输入关键字后立即...

假设在以下字段中输入“foobar”时会立即触发警报:

<input id="password" name="password" />

有可能吗？

Answer 1

是的，很容易:

$(function() {
    var triggerWords = ['foobar', 'barfoo'];
    $('#password').keyup(function() {
        for (var i = 0; i < triggerWords.length; i++) {
            if ($(this).val().toLowerCase() == triggerWords[i]) {
                alert('Alert!');
            }
        }
    });
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input id="password" name="password" />

这个处理多个单词。这也是一个 fiddle :http://jsfiddle.net/rnpykekx/