用户无法在所有设备上键入非数字数据的手机号码的输入属性

Question

我不需要下面的所有输入：

<input type="number"/>
<input type="tel"/> 

上面的输入是正确的，但是我需要输入属性，用户甚至不能输入非数字数据。

Answer 1

没有允许使用唯一数字的HTML标记，但是您可以使用JavaScript进行相同的操作。

// Allow only number character while pasting the content
function isPasteNumber(eventParam, inputField){
	eventParam.preventDefault();
	
	var clipboardData = event.clipboardData || window.clipboardData || event.originalEvent.clipboardData;
	if(!isNaN(clipboardData.getData('Text'))){
		inputField.value = parseInt(clipboardData.getData('Text'));
	}
}

// Allow only number character
function isNumber(eventParam) {
	eventParam = (event) ? eventParam : window.event;
	var charCode = (eventParam.which) ? eventParam.which : eventParam.keyCode;
	
	if (charCode > 31 && (charCode < 48 || charCode > 57)) {
		return false;
	}
	return true;
}

<input type="text" class="form-control input-sm" placeholder="Enter Number only" onkeypress=" return isNumber(event);" onpaste="isPasteNumber(event, this);" />

这将为您提供帮助。