首页 > javascript > text_input > Javascript Form - 如何验证模糊事件的输入文本字段值

Javascript Form - 如何验证模糊事件的输入文本字段值

text_input 【text_input】
我们想知道如何验证模糊事件的输入文本字段值。
代码展示 运行结果 

<!DOCTYPE html>
<html>
<head>
<script type='text/javascript'>
function validatestr(id,max,min) {
    var maximum = parseInt(max);
    var minimum = 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.value.length > maximum || x.value.length < minimum) {
        div.innerHTML = 'Value must be between '+minimum+' and '+maximum+' chars!';
    }
}

</script>
</head>
<body>
  <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>
</body>
</html>