表单文本字段仅接受数字和空格

Question

我的网站上有一个基本的查询表格，我希望其中一个字段仅接受数字和键盘空格（空格）。

当前，电话号码字段仅接受使用以下方式的号码：

if(isNaN(form.phone.value)) 
{
alert('Due to SPAM this field will only accept numbers');
form.phone.focus();
return false;
}

当我测试表单并使用键盘空间时，将显示错误消息。 我需要此字段来接受数字和空格。 我假设人们在输入完整的电话号码（包括国家/地区代码）时会使用空格。

Answer 1

你可以这样

 'use strict'; function addEvent(elem, event, fn) { if (typeof elem === 'string') { elem = document.getElementById(elem); } function listenHandler(e) { var ret = fn.apply(null, arguments); if (ret === false) { e.stopPropagation(); e.preventDefault(); } return ret; } function attachHandler() { window.event.target = window.event.srcElement; var ret = fn.call(elem, window.event); if (ret === false) { window.event.returnValue = false; window.event.cancelBubble = true; } return ret; } if (elem.addEventListener) { elem.addEventListener(event, listenHandler, false); } else { elem.attachEvent('on' + event, attachHandler); } } var keys = ' 0123456789'; function verify(e) { var key = String.fromCharCode(e.keyCode || e.charCode); return keys.indexOf(key) !== -1; } addEvent('test', 'keypress', verify);

 <input id="test" type="text" />

更新：由于这些天所有东西都支持EventTarget.addEventListener ，因此您不需要所有其他样板文件。 并且上面可以这样写。

 'use strict'; const element = document.getElementById('test'); const keys = ' 0123456789'; element.addEventListener('keypress', (e) => { if (keys.includes(e.key) === false) { e.stopPropagation(); e.preventDefault(); } }, false);