html - 如何使用 jquery 为 html 输入文本框制定规则

Question

我希望我的 HTML 页面中的文本框只接受 0 到 10 的数字，也接受：0.5、1.2、...非常感谢

Answer 1

你可以使用正则表达式来做到这一点！

Answer 2

试试这个

<script>
function checkfloat(e,field){
     if (!(((e.keyCode>=48)&&(e.keyCode<=57))||(e.keyCode==46)))
     {
        e.keyCode=0;                   
     }     
 if (e.keyCode==46)
 {
    var patt1=new RegExp("\\.");        
    var ch =patt1.exec(field);       
    if(ch==".")
    {
        e.keyCode=0;
    }                        
 }
} 
</script>
<input type="text" onkeypress="checkfloat(event, this.value)">

Answer 3

HTML5 数字输入类型可以这样做：

<input type="number" min="0" max="10" />

然而，浏览器对此的支持仍然很差。目前只有Chrome、Safari 和 Opera支持此功能。

不过在 Chrome 中进行测试。

演示