当我输入超过限制长度时如何提醒？

Question

我创建了一个输入，它只支持数字，最大长度只有 3 位。当我键入超过 3 位数字时，我希望它在不按任何按钮的情况下立即发出警报。如何在 jQuery 中做到这一点？

HTML

<input type="text" name="txtprice" id="txtprice" class="input-xlarge" maxlength="3" required />&nbsp;<span id="errmsg"></span>

Javascript

$(document).ready(function () { 
    //called when key is pressed in textbox
    $("#txtprice").keypress(function (e) { 
        //if the letter is not digit then display error and don't type anything 
        if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) { 
           //display error message 
           $("#errmsg").html("Must input numbers").show().fadeOut("slow").css("color","red"); 
           return false; 
        }
    }); 
});

Answer 1

你的要求不是真的......有效，如果你设置了最大长度并希望在超过此限制时发出警报......那不应该发生。

试试这个 fiddle：http://jsfiddle.net/0d20e24n/

$( "#myinput1" ).on('input', function() {
    if ($(this).val().length>3) {
        alert('you have reached a limit of 3');       
    }
});

$( "#myinput2" ).on('input', function() {
    if ($(this).val().length>=3) {
        alert('you have reached a limit of 3');       
    }
});

第一个永远不会提醒，第二个只有当您输入 3 个字符时才会提醒？

当我输入超过限制长度时如何提醒？

How to alert when I input more that limit length?

jquery

alert