首页 > 代码库 > JavaScript示例四（输入框数字格式检测）
JavaScript示例四（输入框数字格式检测）
<!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>本文出自 “空空如也” 博客，请务必保留此出处http://6738767.blog.51cto.com/6728767/1583073
JavaScript示例四（输入框数字格式检测）
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。