本人初学php,刚刚看到设计验证码的部分,自己实践了一下,自己看代码看懂,但是自己设计的时候,遇到了一些问题。

本次设计一个简单的登录页面,前台登录界面包括:用户名、密码、验证码以及各个输入域的简单验证(login.php),后台生成验证码(verifycode.php)+验证码的验证(verifycodecheck.php)。

1、登录页面及代码:

登录界面如图:

php设计之登录模块(验证码的生成及验证)_第1张图片

用户登录

用户名:
密  码:
验证码:
文件:

输入域的验证代码如下:

function NotNullCheck()   //检测用户输入是否为空
    {
        var uname=document.getElementById("username").value;
        var upassword=document.getElementById("password").value;
        var upasswordconfirm=document.getElementById("passwordconfirm").value;
        //var uname=document.getElementById("username");
        if(uname=="")
        {
            alert("用户名不能为空!");
            return false;
        }
            if(upassword=="")
        {
            alert("密码不能为空!");
            return false;
        }
            if(upasswordconfirm=="")
        {
            alert("验证码不能为空!");
            return false;
        }
    }

点击图片或“看不清”链接时javascript代码如下:

function recode()
    {
        var num1=Math.round(Math.random()*10000000);
        var num=num1.toString().substr(0,4);
        //alert(num);
        form1.verifycode.src="verifycode.php?code="+num;  //此处是为在verifycode.php中请求到不同的数据
    }

2、生成验证码(verifycode.php)


3、验证码的验证(verifycodecheck.php)

alert('verifycode error!');";
        echo "";
    }
    else
    {
        echo "";
        echo "";
    }
?>



整个设计过程及实现可能还存在问题,希望自己再接再厉...