成都网站建设设计

将想法与焦点和您一起共享

jQuery+Ajax如何实现显示对号和错号用于验证输入验证码是否正确-创新互联

小编给大家分享一下jQuery+Ajax如何实现显示对号和错号用于验证输入验证码是否正确,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

成都创新互联-专业网站定制、快速模板网站建设、高性价比西山网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式西山网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖西山地区。费用合理售后完善,十余年实体公司更值得信赖。

具体代码如下所示:


首先引入jquery

.sl-error-verifycode {
 background-image: url("images/icons.png");
 background-position: -26px 0;
 background-repeat: no-repeat;
 display: block;
 font-size: 18px;
 height: 23px;
 line-height: 20px;
 margin-left: 180px;
 margin-top: -25px;
 position: relative;
 text-align: center;
 width: 20px;
 z-index: 2;
}
.sl-correct-verifycode {
 background-image: url("images/icons.png");
 background-position: -50px 0;
 background-repeat: no-repeat;
 display: block;
 font-size: 18px;
 height: 23px;
 line-height: 20px;
 margin-left: 180px;
 margin-top: -25px;
 position: relative;
 text-align: center;
 width: 20px;
 z-index: 2;
}

验证码的html 代码


  验证码:
  *
  
  

  
 

gbook.php

注意图片一定要引入

jQuery+Ajax如何实现显示对号和错号用于验证输入验证码是否正确

以上是“jQuery+Ajax如何实现显示对号和错号用于验证输入验证码是否正确”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


当前文章:jQuery+Ajax如何实现显示对号和错号用于验证输入验证码是否正确-创新互联
文章URL:http://chengdu.cdxwcx.cn/article/cochoi.html