简单表单验证
2016-03-30 17:22
337 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin:0;
padding:0;
}
.jinggao{
display:block;
width:100px;
height:20px;
background-color:pink;
}
.mm{
display:block;
width:100px;
background-color:red;
height:20px;
}
</style>
</head>
<body>
<input type="text" id="name"><span id="span" class="mm">类似</span><br>
<input type="submit" id="it">
</form>
</body>
</html>
<script>
var bb=document.getElementById("name");
var sub=document.getElementById("it");
var span=document.getElementById("span");
(function(){
sub.onclick=function(){
if(bb.value==""){
span.className="jinggao"
}
}
})()
</script>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
*{
margin:0;
padding:0;
}
.jinggao{
display:block;
width:100px;
height:20px;
background-color:pink;
}
.mm{
display:block;
width:100px;
background-color:red;
height:20px;
}
</style>
</head>
<body>
<input type="text" id="name"><span id="span" class="mm">类似</span><br>
<input type="submit" id="it">
</form>
</body>
</html>
<script>
var bb=document.getElementById("name");
var sub=document.getElementById("it");
var span=document.getElementById("span");
(function(){
sub.onclick=function(){
if(bb.value==""){
span.className="jinggao"
}
}
})()
</script>
相关文章推荐
- sql语句
- 《统计学习方法》笔记(2):感知机
- CentOS 6.5系统LNMP环境安装SSL证书
- POJ 3067 Japan(树状数组)
- ubuntu下安装 Source insight
- 把Java项目的代码转换为C#代码
- 单缓冲与双缓冲的区别
- Linux下的压缩zip,解压缩unzip命令详解及实例
- python 乍见(实现AES 加密解密)
- NOIP2011 计算系数
- NOIP2011 聪明的质监员
- NOIP2011 观光公交
- NOIP2010 机器翻译
- NOIP2010 乌龟棋
- NOIP2010 关押罪犯
- NOIP2010 引水入城
- NOIP2009 潜伏者
- NOIP2009 Hankson的趣味题
- NOIP2009 最优贸易
- NOIP2009 靶形数独