感存念亡,眷恋常在。

JS表单验证,div文本框验证,图片按钮。


<script type="text/javascript" language="javascript">
function CheckForm( )
{

str = document.getElementById("UserName").value;
if(str.length == 0){
document.getElementById("t1").value="用户名不能为空";
return false;
}else{
for(var i = 0; i < str.length; ++i)
if(!isNaN(parseInt(str.charAt(i)))){
document.getElementById("t1").value="用户名不能有数字";
return false;
break;
}
}

var ps = document.getElementById("PassWord").value;
var ps2 = document.getElementById("PassWord2").value;

if(ps.length < 6){ alert("密码必须大于6位"); return false; } if((ps != ps2)){ alert( "重复必须相等"); return false; } var email= document.getElementById("Email").value if(email.length==0) { alert("电子邮件不能为空!"); return false; } if(email.indexOf("@",0)==-1) { alert("电子邮件格式不对,必须包含@符号!"); return false; } if(email.indexOf(".",0)==-1) { alert("电子邮件格式不对,必须包含@.符号!"); return false; } var year = parseInt(document.getElementById("Year").value); if(isNaN(year) || year > 1995){
alert( "只有1995年以后出生的人才被允许注册");
return false;
}
return true;
}
</script>

<style type="text/css">
<!-- #Layer1 { position:absolute; left:12px; top:17px; width:289px; height:29px; z-index:1; } --><br /></style>

<div id="Layer1"><input id="t1" type="text" /></div>
<form action="http://daymoe.com/" method="post">&nbsp;

用户名
<input id="UserName" type="text" />

密码
<input id="PassWord" type="password" />

确认密码
<input id="PassWord2" type="password" />

电子邮件
<input id="Email" type="text" />

出生年份
<input id="Year" type="text" />

<img src="1.jpg" width="82" height="20" />←←图片按钮。
<input type="submit" value="提交" />
<input type="reset" value="重置" />

</form>



效果预览


评论

最励志官网 2015-09-06 14:36:04

很久没有过来了,今天过来看一看!

歪妖内涵网 2015-09-08 11:15:39

过来支持一下 值得收藏分享

爱奇趣分享网 2015-09-15 16:59:30

路过,留个脚印,网站很棒!

无节操图片 2015-10-03 04:12:26

秒赞不是偶然,是一种态度!

zanysnow 2016-01-08 02:17:26

别用 斜体字!别用 斜体字!别用 斜体字! 重要的话要说三遍。

发表评论

0/1000
验证码

天使之翼2改版下载站    浙ICP备15043060号-1

Designed by GPT4 and daymoe

BGM