Question

HTML输入框问题，怎么能让这个输入框里只能输入数字？

<div class="weui_textarea pub_task_divedit" contentEditable="true"><span class="indexnotice font_13px_999">请输入数字</span></div>
请问谁知道，这里怎么让输入框里的内容，只能输入为数字

Answer 1

在你要输入数字的标签上加上这个属性:
onkeyup='this.value=this.value.replace(/\D/gi,"")，就可以了。

Answer 2

var spanContent = '<span class="indexnotice font_13px_999">请输入数字</span>'
var contentBox = document.querySelector('.weui_textarea')
contentBox.onfocus = function() {
if (contentBox.innerHTML === spanContent) {
contentBox.innerHTML = '';
}
}
contentBox.onblur = function() {
if (contentBox.innerHTML === '') {
contentBox.innerHTML = spanContent;
}
}
contentBox.oninput = function(event) {
var newData = event.data;
if(/\d/.test(Number(newData))) {
console.log('是数字');
} else {
console.log('不是数字');
contentBox.innerHTML = contentBox.innerHTML.replace(newData, '');
}
}