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

时间:2012-11-22 11:10:57

标签: html inputbox

我希望HTML页面中的文本框只接受0到10之间的数字,也接受:0.5,1.2,... 非常感谢

3 个答案:

答案 0 :(得分:0)

你可以使用Regex来做到这一点!

答案 1 :(得分:0)

试试这个

<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)">

答案 2 :(得分:0)

HTML5号码输入类型可以执行此操作:

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

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

尽管在Chrome中进行测试。

Demo