<script>
var index = 0;
function changeImg(){
var img = document.getElementById("img1");
var curIndex = index%3+1;
img.src = "img2/"+curIndex+".png"
index = index + 1
}
function init(){
setInterval("changeImg()",1000);
}
function checkForm(){
var input1 = document.getElementById("surname");
var uvalue = input1.value;
if (uvalue.length>=6){
}else{
alert("用户名长度太短");
return false;
}
var email1 = document.getElementById("email");
var evalue = email1.value;
if(/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/.test(evalue)){
alert("校验成功");
return true;
}else{
alert("校验失败");
return false;
}
return true;
}
</script>
今天使用JS代码做了个网站主页的商品推荐轮播图以及登录界面的表单校验功能,效果图参见最终提交的作品。