学做网站培训课程介绍

当前位置:

如何给网站注册/登录框添加验证码功能

网站添加了注册/登录框之后,为了防止别人恶意注册和登录,可以在注册/登录框上添加验证码功能。效果如下图:

下面介绍一下这种注册/登录框验证码制作方法。

第一步:填写验证码输入框;


<?php $sjs = rand(1000, 9999);?>
<p class="zc00">
<label for="user_yzm">验 证 码:&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="yzm" class="input" id="yzms" placeholder="请输入验证码" value="" size="25" />
&nbsp;&nbsp;<span class="sjsspan"><?php echo $sjs;?></span></label>
</p>

第二步:通过JQUERY进行验证码的验证,如果通过则登录成功,如果不通过则无法提交表单。


<script>
$('#wp-submit').click(function () {
var yzms = $("#yzms").val();
if(yzms != "<?php echo $sjs;?>"){
alert('验证码错误!');
return false;
}
})
</script>

这样我们就成功的制作出一个注册登录的验证码功能了。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • CSS attr() 函数可以像JS一样获取变量了,这个对于前端开发是非常方便的事情。例如我们可以使用CSS attr() 函数来获取当前超链接的链接地址。<!
  • CSS 变量(又名自定义属性)已在 WEB 浏览器中支持了近四年。我一般也会根据项目情况使用它们。它们非常有用且易于使用,但是前端开发人员通常可能会
  • 现在很多WordPress网站都会采用自适应的方式来实现移动端,但是有些项目自适应的方式不太适合,需要定制一套移动端的主题,让PC端与移动端分别调用不
  • 老师,我学习了学做网站论坛上的免费建站课程,很有收获。我正在开发一个网站,网 站上有一些字体比较特殊,很多用户浏览器上没有这种字体,我又想让
  • 有些学建网站的学员,看到某些网站的CSS中有*{margin:0; padding:0;} 这样的代码,不太了解有什么作用,下面学做网站论坛就来介绍一下CSS中*{margin:0
  • 建网站过程中,想要让一个网页更加的美观,选择合适的字体特别重要。我们自己建网站时,CSS选择字体时,需要兼顾美观与实用二个方法。(更多CSS知识,