有一个快速的方法来设置HTML文本输入(<input type=text />)，只允许数字击键(加上'.')?
当前回答
你可以使用pattern:
<input id="numbers" pattern="[0-9.]+" type="number">
在这里你可以看到完整的手机网站界面提示。
其他回答
Input type="tel"在移动设备上工作得很好，所以你要保留它。
只需使用以下代码(JQuery):
$("input[type=tel]").keydown(function (event) {
return (event.which >= 48 && event.which <= 57) || //0 TO 9
event.which === 8 || event.which == 46; //BACKSPACE/DELETE
});
你的输入是:
<input type="tel" />
你可以添加任何你喜欢的输入字段，id，而不需要绑定任何其他监听器。
我一直在努力寻找一个好的答案，我们迫切需要<input type="number"，但除此之外，这2个是我能想出的最简洁的方法:
<input type="text"
onkeyup="this.value=this.value.replace(/[^\d]/,'')">
如果您不喜欢未被接受的字符在被擦除之前显示一秒钟，下面的方法是我的解决方案。注意许多附加条件，这是为了避免禁用各种导航和热键。如果有人知道如何紧实这个，让我们知道!
<input type="text"
onkeydown="return ( event.ctrlKey || event.altKey
|| (47<event.keyCode && event.keyCode<58 && event.shiftKey==false)
|| (95<event.keyCode && event.keyCode<106)
|| (event.keyCode==8) || (event.keyCode==9)
|| (event.keyCode>34 && event.keyCode<40)
|| (event.keyCode==46) )">
HTML5有<input type=number>，这听起来很适合你。目前，只有Opera原生支持它，但有一个项目有一个JavaScript实现。
你也可以比较输入值(默认情况下被视为字符串)和它本身被强制为数字，比如:
if(event.target.value == event.target.value * 1) {
// returns true if input value is numeric string
}
然而，你需要绑定到事件，如keyup等。
//在JavaScript函数中(可以使用HTML或PHP)。
function isNumberKey(evt){
var charCode = (evt.which) ? evt.which : evt.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57))
return false;
return true;
}
在您的表单输入:
<input type=text name=form_number size=20 maxlength=12 onkeypress='return isNumberKey(event)'>
输入max。(以上这些允许使用12位数字)
