Javascript - 检查字段是否包含数字工作不正确

Question

我正在尝试验证引用人名的文本输入。

我有 3 次验证，具体取决于输入是否太短、为 null 还是一个数字。如果没有输入或输入太短，则验证有效，但数字验证不起作用。

如果输入是 123 -> 验证正确地表明只允许使用数字。
如果输入是 s123 或 123s 或 1s23 -> 验证不会提及数字。

function formValidation(){
    var emp_lname = document.getElementById('last_name').value;
    if(emp_lname.length <=2){
        document.getElementById('last_name').style.borderColor = "red";
        document.getElementById('last_name_errors').innerHTML="Last Name is way too short!!!";
        if(emp_lname === ""){
            document.getElementById('last_name').style.borderColor = "red";
            document.getElementById('last_name_errors').innerHTML="Please enter a Last Name!!!";
        }
        returned_value = false;
    }
    if (/^\d+$/.test(document.getElementById('last_name').value)) {
        document.getElementById('last_name').style.borderColor = "red";
        document.getElementById('last_name_errors').innerHTML="Last Name must NOT contain numbers!!!";
        returned_value = false;
    }
return returned_value;
}

这是确切的输出:

正确:

正确:

错误:

编辑: JSFiddle 链接:https://jsfiddle.net/vagg77/jv0ofnxr/

Answer 1

我会将最后一个 IF 更改为:

if (document.getElementById('last_name').value.match( /(1|2|3|4|5|6|7|8|9|0)/ ) ) {

    document.getElementById('last_name').style.borderColor = "red";
    document.getElementById('last_name_errors').innerHTML="Last Name must NOT contain numbers!!!";
    returned_value = false;
}