关于jQuery脚本的简单问题

Question

我有以下想法。

当用户键入大于10的数字时，将出现一条消息。 假设2秒钟后如何删除此消息？

另外，如果您输入数字，例如8，然后按退格键，则会出现0。 怎样使数字1从一开始就出现在文本框中，而且在用户按下后台删除其选择的任何时候都出现在文本框中，就像上面的示例一样？ 我试图将value="1"添加到文本框中，但从头开始并没有在div中显示结果。

谢谢您的帮助

更新我对小提琴有一个小问题，我对其进行了更新

Answer 1

已经有一段时间了，但是尝试一下：

$('#message').delay(2000).hide();

Answer 2

你应该使用：

您可以为此使用settimeout：

setTimeout(function(){ 
  // remove the message
}, 2000); // time in miliseconds

另外，当我尝试输入某些内容时，您的代码无法正常工作并显示NaN。

还可以使用：

var code = (e.keyCode ? e.keyCode : e.which);

找出按下了哪个键：

jQuery事件Keypress：按下了哪个键？

编辑

如果要在页面加载时显示该值，则将内容添加到函数中，并在准备好文档时调用它：

http://jsfiddle.net/pBeM8/20/

EDIT2

更新小提琴以在使用退格键后也显示1

http://jsfiddle.net/pBeM8/22/

Answer 3

就像是

$('#purchases').keydown(function(e){
   if(!(e.which >= 48 && e.which <=58) && e.which !== 8 && e.which !== 46 && e.which !== 37 && e.which !== 39){
       e.preventDefault();
   }
})
.keyup(function(){
   val = parseInt($(this).val() || 0, 10);
   if(val > 10){
       val = 10;
       $(this).val(10);
       $('#message').text("no more than 10");
       setTimeout(function() { $('#message').text(""); }, 2000);           
   }
   $('#amount').text(val * 10);
});

观看演示

编辑：

根据您的评论，这是修订版

var purchases = $('#purchases'),
    amount = $('#amount'),
    message = $('#message');

purchases.keydown(function(e) {
    if (!(e.which >= 48 && e.which <= 58) && e.which !== 8 && e.which !== 46 && e.which !== 37 && e.which !== 39) {
        e.preventDefault();
    }
}).keyup(function() {

    var val = purchases.val();

    if (!val) {
        amount.text(1);
        return;
    }

    val = parseInt(val, 10);

    if (val > 10) {
        val = 10;
        $(this).val(10);
        message.text("no more than 10");
        setTimeout(function() {
            message.text("");
        }, 2000);

    }

    amount.text(val * 10);
}).val(1);

新演示

Answer 4

这可行：

$('#purchases').val(1).keyup()

添加处理程序后： http : //jsfiddle.net/pBeM8/16/

Answer 5

看起来您可以通过在读取的输入上运行parseInt()来受益。

另外，您可以通过在您的input元素中添加一个pattern属性来使用很酷的HTML5解决方案，假设您的输入被包装在表单中并提交了：

<form>
    <input type="text" pattern="^\d$" />
</form>

应该只允许输入一个数字字符。