检查输入是否有 int Javascript

Question

我正在处理一个 HTML 页面，但似乎无法弄清楚如何检查用户输入中是否包含整数。我在 for 循环 isNaN 中尝试了 parseInt、userInput.charAt(i)。似乎没有任何效果。

这是我的 HTML

<label for="author" id="author">Favorite Book Author: </label>
<input type="text" name="author" id="authorText">

这是我的 JavaScript

function checkAuthor(){
    var userInput = $("authorText").value;
    for(var i = 0; i < userInput.length; i++)
    {
        if(userInput.charAt(i) <= 0 || userInput.charAt(i) > 0)
        {
            addError("There is a number in 'Favorite Book Author' input");
            return false;
        }
        else
            return true;
    }
}

我需要查看用户是否输入了任何整数。如果输入是“Mark5”、“Ma5rk”、“5”，我需要它来捕捉那个 5 并显示错误。无论如何，这会起作用吗？我有一种感觉 .charAt 不起作用，因为它将整数识别为字符串，但我尝试对每个单曲进行 parseInt

var x = parseInt(userInput.charAt(i));

在 for 循环中，然后在 if 语句中比较 x。但似乎没有任何效果

addError函数是这样的

function addError(text){
    var mylist = window.document.createElement("li");
    var myText = window.document.createTextNode(text);
    mylist.appendChild(myText);
    window.document.getElementByTagName("ul")[0].appendChild(mylist);
}

Answer 1

您应该检查字符代码是否在 48 和 57 之间

function checkAuthor(){
    var userInput = $("authorText").value;
    for(var i = 0; i < userInput.length; i++)
    {
        var c = userInput.charAt(i).charCodeAt(0);
        if(c <= 57 && c >= 48)
        {
            addError("There is a number in 'Favorite Book Author' input");
            return false;
        }
           
    }
     return true;

}

Answer 2

您可以使用正则表达式来搜索。

var userInput = $("authorText").value;
if (userInput.search(/[^a-zA-Z]+/)) {
  addError("There is a number in 'Favorite Book Author' input");
return false.
}

Answer 3

jQuery 和 JavaScript 不一样。
您不能在返回的 $() 中使用 value。而是使用val() 并使用# 将ID 用作选择器。 使用[0-9] 来检查号码是否存在。

function checkAuthor(){
    var userInput = $("#authorText").val(); // add # to get ID and val()
    var result = /[0-9]+/.test(userInput);
    result?alert("false"):void(0);
    console.clear();
    console.log(!result);
    return !result;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<label for="author" id="author">Favorite Book Author: </label>
<input type="text" name="author" id="authorText" onblur="checkAuthor();" />

Answer 4

由于您在寻找单个数字，因此 RejExp 测试可能是最简单/最干净的方法。

jQuery

function checkAuthor(){
    var userInput = $("#authorText").val();

    // check whether any char in userInput is a number. yes: true. no: false
    if(/[0-9]/.test(userInput)) {
        addError("There is a number in 'Favorite Book Author' input");
        return false;
    } else
        return true;
    }
}

function addError(text){
    var mylist = window.document.createElement("li");
    var myText = window.document.createTextNode(text);
    mylist.appendChild(myText);
    window.document.getElementByTagName("ul")[0].appendChild(mylist);
}

原版JS

function checkAuthor(){
    var userInput = document.getElementById('#authorText').value;

    // check whether any char in userInput is a number. yes: true. no: false
    if(/[0-9]/.test(userInput)) {
        addError("There is a number in 'Favorite Book Author' input");
        return false;
    } else
        return true;
    }
}

function addError(text){
    var mylist = window.document.createElement("li");
    var myText = window.document.createTextNode(text);
    mylist.appendChild(myText);
    window.document.getElementByTagName("ul")[0].appendChild(mylist);
}