键入时验证文本字段

时间:2017-08-14 08:27:29

标签: javascript validation

没有任何表单提交按钮。 如果输入的字符小于3。 显示文本字段旁边的错误

1 个答案:

答案 0 :(得分:1)

您可以使用div来显示错误:

    var textbox = document.getElementById("textbox-id");
        divAfterTextBox = document.getElementById("divAfterTextBox-id");
    
    textbox.onkeyup = function(){
        if (textbox.value.length < 3) divAfterTextBox.textContent = "ERROR";
        else divAfterTextBox.textContent = "";
        // divAfterTextBox.textContent = textbox.value.length < 3 ?
        //    "ERROR" : divAfterTextBox.textContent = "";
    }
<input id="textbox-id" type="text">
<div id="divAfterTextBox-id"></div>