代码之家 › 专栏 › 技术社区 › Mo.

HTML5输入type=number应只允许无符号整数

javascript

Mo. · 技术社区 · 8 年前

如何防止其他与数字相关的字符

例如 - e . 等

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<form action="#" class="container">
  <br />
  <br />
  <br />
  <input class="form-control" onkeyup="value=isNaN(parseFloat(value))?1000:value" type="number" value="0">
</form>

3 回复 | 直到 8 年前

RegularlyScheduledProgramming 8 年前

如果您可以使用HTML5,为什么不使用pattern属性并定义一个仅限数字的正则表达式?

<input pattern="[1-9][0-9]*" ...>

Vladu Ionut 8 年前

function validate(e) {
  var ev = e || window.event;
  var key = ev.keyCode || ev.which;
  key = String.fromCharCode( key );
  var regex = /[0-9]/;
  if( !regex.test(key) ) {
    ev.returnValue = false;
    if(ev.preventDefault) ev.preventDefault();
  }
}

<input type='text' onkeypress='validate(event)' />

redneb 8 年前

onkeyup="value=/^\d+$/.test(value)?value:1000"

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前