Javascript 字符串长度未定义？

Question

我在使用我的 javascript 函数时遇到问题。它会验证表单字段，如果不正确，将通过单独的 div 显示错误。

Javascript:

function validatestr(id,max,min) {
    var maximum = parseInt(max);
    var minmum = parseInt(min);

    var div = document.getElementById(id+'_error');
    var x = document.getElementById(id);

    div.innerHTML = '';
    if (x.value == null || x.value == '') {
        div.innerHTML = 'Value must not be null!';
    }
    if (x.length > maximum || x.length < minimum) {
        div.innerHTML = 'Value must be between '+minimum+' and '+maximum+' chars!';
    }
}

HTML:

<input type="text" class="textbox" id="varchar" name="varchar" onblur="validatestr('varchar',100,10)"> 
<div style="display:inline;color:#ff0000;font-weight:bold" id="varchar_error"></div>

发生的情况是检查值是否为 null 按预期工作，但检查值的长度没有正确工作。当我对此进行测试时会发生什么，字符串长度似乎是 undefined。谁能告诉我哪里出了问题？干杯!

Answer 1

x 是一个输入元素，因此您需要使用 x.value.length 而不是 x.length。

if (x.value.length > maximum || x.value.length < minimum) {

DOM 元素没有长度属性，您需要值的长度属性，因为值是一个字符串。

最小变量也有错别字。

Working demo