<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus®">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<title>输入框检测</title>
</head>
<body>
<p>只允许输入数字，否则红色警示</p>
<form action="http://localhost/index.jsp">
<input type="textarea" id="textbox">
<button type="submit" id="mybtn">提交</button>
</form>
<script>
var textbox=document.forms[0].elements[0];
//获取焦点事件
textbox.onfocus=function(){
if(textbox.style.backgroundColor != "red"){
textbox.style.backgroundColor="yellow";
}
}
//失去焦点事件
textbox.onblur=function(event){
if(/[^\d]/.test(textbox.value)){
textbox.style.backgroundColor="red";
}else{
textbox.style.backgroundColor="";
}
}
//change事件
textbox.onchange=function(event){
if(/[^\d]/.test(textbox.value)){
textbox.style.backgroundColor="red";
}else{
textbox.style.backgroundColor="";
}
}
</script>
</body>
</html>
时间： 2024-08-24 19:31:17