Question

如何用JS或JQuery进行表单输入内容的判断

现有一个input输入框和一个div，
<input type="text">
<div style="border:1px solid #000; width:100px; height:100px;"></div>
请问如何实现当用户输入一个汉字后，div隐藏，输入一个字母（无论大小写）后，div出现

Answer 1

<style>
.hid{
display:none;
}
</style>
<input type="text" id="inpt">
<div id="div1" style="border:1px solid #000; width:100px; height:100px;"></div>

<script>

var inp = document.getElementById('inpt');
var div1= document.getElementById('div1')
function isChineseChar(str){
var reg= /[\u4E00-\u9FA5\uF900-\uFA2D]/;
if(reg.test(str)) {
return 1 //是中文
}
reg = /[A-Za-z]/;
if(reg.test(str)) {
return 2//字母
}
return 0
}
var t;
inp.oninput =function(str){
clearTimeout(t)
t= setTimeout(function(){
str=str.target.value
if(isChineseChar(str) == 1){

div1.className ="hid"
}else if(isChineseChar(str) == 2){
div1.className ="show"
}else{

}
},500)

}

</script>