输入html格式的输入字符需要匹配 - jQuery？

Question

如何在HTML文本框中输入以及前3个字符与设置变量不匹配 - 然后显示错误？我需要失去错误和第三个字符后输入旁边显示文本

我在想jQuery，AJAX，PHP - 不确定。我只是不想使用警告框。

而这需要一个用户进入提交按钮之前...

<form> 
    <input type="text" id="test"/><br> 
    <input type="button" id="txt" value="Submit" /> 
</form> 

$(document).ready(function(){ 
    $("#txt").click(function(){ 
     var text = $("#test").val(); 
     var comparingText = "yes"; 

     if (text != comparingText){ 
      alert($("#test").val()); 
     } 
    }); 
}); 

Answer 1

将会写入后显示此警报是。 你可以随心所欲地使用它。

$("#test").keyup(function() { 
    var test = $("#test").val(); 
    if(test == 'yes'){ 
     alert("your Error msg"); 
    } 
}); 

Answer 2

可以使用<span>元素，旁边的<input>元素显示错误消息，并且，正如你所说的，避免使用警告框。

JS

HTML

<form> 
    <input type="text" id="test" oninput="submitData(this.value)"/> 
    <span id="textError"></span><br/> 
    <input type="button" id="txt" value="Submit" /> 
</form> 

JS

function submitData(input) {   
    if (input != "yes") { 
     document.getElementById("textError").innerHTML = "Your Error MSG"; 
    } else { 
     document.getElementById("textError").innerHTML = "";  
    } 
} 

JS + jQuery的

在这种情况下，我服用Mamunur Rashid对代码进行补充的答案。

HTML

<form> 
    <input type="text" id="test"/> <span id="textError"></span><br/> 
    <input type="button" id="txt" value="Submit" /> 
</form> 

jQuery的

$(document).ready(function(){ 
    $("#test").keyup(function(){ 
     var test = $("#test").val(); 
     if (test != "yes") { 
      $("#textError").html("Your Error MSG"); 
     } else { 
      $("#textError").html(""); 
     } 
    }); 
});