JS原生实现实时监测Input框值的变化,错误输入框显红色提醒
<input type="text"
id='btn' name="btn"
oninput="checkDomain()"
onfocus="inputfocus()"
onblur="inputblur()"
placeholder="请输入域名!" />
function checkDomain(){
var reg= /^([0-9a-zA-Z-]{1,}\.)+([a-zA-Z]{2,})$/;
if(reg.test(document.getElementById("btn").value)===true){
$('#btn')[0].style.border="2px solid #1F3D57";
}else{
$('#btn')[0].style.border="2px solid red";
}
}//检测域名
function inputfocus() {
if (document.getElementById("btn").value=='')
$('#btn')[0].style.border="2px solid #1F3D57";
else return
}//Input得到焦点且内容为空时恢复选中状态
function inputblur() {
if (document.getElementById("btn").value==''){
$('#btn')[0].style.border="1px solid #1F3D57";
}
else return
}//Input失去焦点且内容为空时恢复默认状态