jQuery脚本来验证号在进入

Question

我想知道是否有可能与jQuery执行以下任务：防止用户输入一个大于10或小于0

例如，数像9.10是好的，但81,101,11或负数是错误的值。

为了更好地了解情况，验证是在测试后输入成绩。

谢谢。

Answer 1

此代码将只允许您在框中输入数字，也不会接受任何输入，将使小于0的数量和大于10

var $grade = $('#grade'); 

$grade.keydown(function (e) { 
    var code = e.which, 
     chr = String.fromCharCode(code), // key pressed converted to s string 
     cur = $grade.val(), 
     newVal = parseFloat(cur + chr); // what the input box will contain after this key press 

    // Only allow numbers, periods, backspace, tabs and the enter key 
    if (code !== 190 && code !== 8 && code !== 9 && code !== 13 && !/[0-9]/.test(chr)) { 
     return false; 
    } 

    // If this keypress would make the number 
    // out of bounds, ignore it 
    if (newVal < 0 || newVal > 10) { 
     return false; 
    } 

}); 

http://jsfiddle.net/WPdVq/

Answer 2

如果你想为他们退出输入字段中显示的东西，你可以使用change event：

$('.target').change(function() { 
    if($(this).val() > 10) { 
     // Do something, like warn them and/or reset to empty text. 
     alert('Greater than 10.'); 
     $(this).val(''); 
    }  
});   

jsfiddle working example

另外，如果你想显示每个按键后的东西，你可以使用keyup事件。

Answer 3

我的建议是库： jquery-numeric

插件的主页是在这里： http://code.webmonkey.uk.com/plugins/

有一个演示，并使用可以viewsource看到它的使用：

http://code.webmonkey.uk.com/plugins/jquery.numeric/test.html