атрибут ввода для номера мобильного телефона, где пользователь не может вводить нечисловые данные на всех устройствах

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

Это тебе поможет.