淘先锋技术网

首页 1 2 3 4 5 6 7

图形验证码是一种常见的用户注册验证方式,通过输入验证码来防止机器人恶意注册。使用jQuery可以轻松实现一个图形验证码。


$(function(){
  // 生成随机验证码
  var captcha = Math.random().toString(36).substr(2, 4);
  // 将验证码写入页面
  $('.verification-code').text(captcha);
  // 点击验证码刷新
  $('.verification-code').click(function(){
    captcha = Math.random().toString(36).substr(2,4);
    $('.verification-code').text(captcha);
  });
});

jquery注册图形验证码

首先,在jQuery的document ready方法内,使用随机数生成一个四位数的验证码,并将其写入HTML页面中的某个元素中。

接着,为验证码元素绑定一个点击事件,点击即可刷新验证码。将随机生成的新验证码再次写入HTML页面中。

最后,在表单提交时,需要验证输入的验证码是否与生成的一致。如果不一致,防止恶意注册的效果就能够得到保障。