请在文本框中查看值的长度

时间:2016-12-06 11:43:55

标签: javascript html

我希望能够在文本框中键入单词,然后单击下面的按钮,如果字母数低于5,则会发出警告。

{{1}}

4 个答案:

答案 0 :(得分:2)

此处x是元素而不是值

所以将x.length更改为x.value.length

Type in words to see how long they are: <input type="text" id="txtBox" name="txtBox" value="banter"/>
<button onclick="myFunction()">Try It</button>

<script type="text/javascript">

    function myFunction() {
    var x = document.getElementById('txtBox');
        if (x.value.length < 5) {
          console.log(x.length);
        alert('please enter at least 5 characters');
        }
    }

</script>

答案 1 :(得分:0)

var x = document.getElementById['txtBox'];设为var x = document.getElementById('txtbox');

答案 2 :(得分:0)

两件事:使用()调用函数,而不调用[],并且需要检查元素length的{​​{1}}而不是元素本身的value。 / p>

function myFunction() {
    var element = document.getElementById('txtBox');
    if (x.value.length < 5) {
        alert('please enter at least 5 characters');
        return false;
    }
}

答案 3 :(得分:0)

请在代码中进行以下更改,它将起作用:

var x = document.getElementById('txtBox').value;