带加号的验证码

来源:互联网 发布:vr资源 知乎 编辑:程序博客网 时间:2024/05/18 01:32

<table >
<tr><td>用户名:</td><td><input id="txtName"  style="width :120px;"/></td></tr>
<tr><td>密  码:</td><td><input id="txtPwd"  style="width :120px;"/></td></tr>
<tr><td>验证码:</td><td><input id="txtRandon"  style="width :40px; float:left;"/><div id="yan" style="border:solid 2px #dadada; width :50px; float:left; text-align :center ;" onclick ="newyan()" onmouseover ="this.style.cursor='hand'"></div></td></tr>
<tr ><td colspan ="2" ><span id="Load"  style ="display :none; font-size :10px;" >验证中………<img  src="Image/Loading.gif" /></span></td></tr>
<tr><td colspan="2" align ="center" ><input type="button" id="btLogin"  value="进入" onclick=" aaa();" /> &nbsp;&nbsp;&nbsp;&nbsp;  <input type="reset" value="重置" /></td></tr>
<tr ><td colspan ="2" id="strTime" runat ="server" ></td></tr>
</table>

 

 

----------------------------------------------------------------------------

//----验证码实现-----
var yan;
function yantxt()
{
    var pwd=document.getElementById ("yan");//得到显示验证码的文本框
    pwd .title="点击更换题目";
    var one=parseInt(Math .random ()*10); //第一个数
    var two=parseInt(Math .random ()*10);//第二个数
    pwd.innerHTML=one+"+"+two;
    yan=one+two ;
}

//--检查输入的验证码是否正确---
function aaa()
{
    var txtyan=document.getElementById ('txtRandon').value;
    if(txtyan==yan)
    {
        alert("验证码输入正确!");

    }
    else
    {
       alert("验证码错误!");
    }
}

//---更换验证码---
function newyan()
{
yantxt();
}

原创粉丝点击