Question

我在一个有文本框和按钮的页面上工作（还有更多内容，但这些都是给我带来麻烦的事情）。单击该按钮时，它应该验证文本框中只输入了3个字母。

这是创建输入框和按钮的html：

<form>
    Enter 3 letters: <input type="text" id="3letters"> <br>
    <input type = "button" id = "check" value = "Send" onclick="validate()">
</form>

这是检查输入的Javascript函数：

function validate() {
    var TTinput = document.getElementById("3letters").value;

    if(TTinput < 3) {
        alert("Please enter 3 letters");
    }
}

为了测试这是否有效，我试图只输入一个字母，但是当我点击按钮时，没有任何反应。知道我能做些什么来解决这个问题吗？

Answer 1

检查length属性：

if (TTinput.length < 3)

Answer 2

您正在做的是将TTinput变量设置为文本框的值。现在TTinput包含string。你需要的是获得它的length，并且lenght属性可以获得javascript中字符串的长度：

var str = "ABCD";
str.length; // 4

http://www.w3schools.com/jsref/jsref_length_string.asp

function validate() {
    var TTinput = document.getElementById("3letters").value;
    var input_length = TTinput.length;
    if(input_length < 3) {
        alert("Please enter 3 letters");
    }
}

Answer 3

如果您想要正好使用3个字符：

if(TTinput.length < 3 || TTinput.length > 3) {
    alert("Please enter 3 letters");
}

或

if(TTinput.length != 3) {
    alert("Please enter 3 letters");
}

*仅此TTinput.length < 3）将认为4,7,350，...字符有效。

验证Javascript中的输入

3 个答案: