检查contenteditable div的输入是否为数字

Question

我有一个用于输入数值的contenteditable div。如果输入的值不是数字，我想要一条消息警告说该值无效。

HTML：

<div class="myinput" contenteditable></div>

JS：

    if (myinput is not a number)
        alert("Please enter a valid number.");

为了得到我想要的东西，我应该更换“myinput不是一个数字”？我尝试使用！$（“div.number”）。html（），但只检查是否存在任何输入，而不是数字输入。我不确定是否可以在.html（）之后使用.isNumeric（）。我还必须将输入保持为div，我不能使用输入类型=“数字”。任何帮助都会很棒。谢谢！

Answer 1

您可以使用isNaN：

if (isNaN($("div.number").html()))

请注意，这也接受末尾带空格的字符串（可能是你的情况）。

要获得此后的数字，最简单的解决方案是

var n = +$("div.number").html();