Question

我是javascript的初学者并且输入只接收字符串的输入请帮帮我

Name:<input type="text" name="fName" placeholder="enter your name" id="myname" required></input>
<button onClick="nCheck()">Check Validitiy</button>

function nCheck(){
    var x = document.getElementById("myname").value;

    if (x == ""||x == null){
        document.getElementById("nwer").innerHTML = "input is not valid";
        document.getElementById("myname").style.border = "1px solid red";
        return false;
    }

    if (isNaN(x)){
        document.getElementById("nwer").innerHTML = "input is number";
        document.getElementById("myname").style.border = "1px solid red";
        return false;
    }
}

Answer 1

您可以尝试使用像

这样的正则表达式模式

pattern="[a-zA-Z ]+"

在input元素上。

＆＃13;

input:valid {
  color: green;
}
input:invalid {
  color: red;
}

＆＃13;

<input type="text" pattern="[a-zA-Z ]+" />

＆＃13;

或者您可以创建一个函数来验证输入字符串，如下所示：

function validateMyString(){    
    var str = /^[a-zA-Z ]+$/;
    if(str.test(document.getElementById("textboxID").value))
       alert('Valid');
    else
       alert('Numbers not allowed');      
}

输入检查字符串验证

1 个答案: