js判断表单未填写项 20
哪项input未填写，就将其input默认值字体颜色改变？我知道思路，不会写代码，有会的能把代码告诉我么，谢谢了！...
哪项input未填写，就将其input默认值字体颜色改变？我知道思路，不会写代码，有会的能把代码告诉我么，谢谢了！
展开
3个回答
展开全部
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
body{
font-size: 12px;
}
.content{
width: 1000px;
margin:0 auto;
}
label{
margin-left: 50px;
color: #666;
}
input{
color: #666;
border:1px solid #ccc;
height: 27px;
width: 100px;
margin:50px 0 0 10px;
}
input.error{
border-color: red;
color: red;
}
a{
color: #666;
display: inline-block;
height: 25px;
line-height: 25px;
padding:0 15px;
border:1px solid #ccc;
border-radius: 5px;
background: #ddd;
margin: 20px 0 0 100px;
}
a:hover{
background: #eee;
text-decoration: none;
}
</style>
<script>
window.onload = function(){
var form = document.getElementById('myForm');
var a = document.getElementsByTagName('a')[0];
a.onclick = function(e){
var event = e || window.event;
if(!/^\d+$/.test(form.elements['age'].value)){//验证失败
if(event.preventDefault){
event.preventDefault()
}else{
event.returnValue = false;
}
form.elements['age'].className = 'error';
form.elements['age'].onfocus = function(){
this.onfocus = null;
form.elements['age'].value = '';
form.elements['age'].className = '';
}
}else{//通过验证 提交表单
alert('通过验证 提交表单');
form.submit();
}
};
}
</script>
</head>
<body>
<div class="content">
<form id="myForm">
<label>年龄：</label><input type="text" name="age">
</form>
<a href="javascript:void(0)">提交表单</a>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
$('#ID').focus(); --光标移动到指定ID位置
变色有点太花哨吧。
变色有点太花哨吧。
追问
不是啊，是提交过后 有没填项 就把他的字体变成红色，不是那种变来变去的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
默认值也是值,那怎么会出现未填写呢
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
