html的表单图形验证码怎么做,form表单验证加验证码.html

Document用户名:密    码:验证码:

var userName=document.getElementById("userName");

var password=document.getElementById("userPwd");

var yzm=document.getElementById("yzm");

// yanzhengma.innerHTML=Math.floor( Math.random()*9000 )+1000;//验证码四位数

var str1="ashduehdue7838455sssd";

var str="";

for(var i=0;i<4;i++){

str+=str1[Math.floor( Math.random()*str1.length )]

}

yanzhengma.innerHTML=str;

var btn=document.getElementById("btn");

// var yanzhengma=document.getElementById("yanzhengma");

btn.οnclick=function(){

if(userName.value=="admin"){

if(password.value=="admin"){

if(yzm.value==yanzhengma.innerHTML){

alert("输入正确")

}

else{

alert("验证码错误")

}

}

else{

alert("密码错误")

}

}

else{

alert("用户名错误")

}

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史

总结

以上是生活随笔为你收集整理的html的表单图形验证码怎么做,form表单验证加验证码.html的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。