javascript - 如何使用 Javascript 检查值长度？

Question

大家好，我想问一下如何从文本框中检查值的长度？

这是我的代码：

@*<script>
    function validateForm() {
        var x = document.forms["frm"]["txtCardNumber"].value;
        if (x == null || x == "" ) {
            alert("First name must be filled out");
            return false;
        }
    }
</script>*@

当我运行我的脚本时，我收到了警报消息，但我正在尝试添加控制 texbox 输入长度的属性。

Answer 1

您可以使用x.length来获取字符串的长度：

if (x.length < 5) {
    alert('please enter at least 5 characters');
    return false;
}

另外，我建议您使用该document.getElementById方法而不是document.forms["frm"]["txtCardNumber"].

因此，如果您有一个输入字段：

<input type="text" id="txtCardNumber" name="txtCardNumber" />

您可以从 id 中检索其值：

var x = document.getElementById['txtCardNumber'].value;

Answer 2

更好的脚本是：

<input type="text" name="txtCardNumber" id="txtCardNumber" />

在脚本中：

if (document.getElementById(txtCardNumber).value.length < 5) {
    alert('please enter at least 5 characters');
    return false;
}