原生js验证码

所属分类:输入-验证

 26968  291  查看评论 (0)
分享到微信朋友圈
X
原生js验证码 ie兼容9

1.兼容到IE9以上版本,

2.修改canvas宽高直接在行内修改属性,不用考虑css样式/js部分兼容问题;

3.参数是输入框和提交按钮的class类名,传入就可以用

使用方法

引用demo.js文件

1
<script src="demo.js"></script>

html

1
2
3
<canvas width="100" height="40" style="border: 1px solid #000;"> 对不起,浏览器版本过低,请升级!! </canvas>
<input type="text" placeholder="请输入验证码" class="inp">
<input type="submit" class="btn">

完成,使用非常方便,大小只有3K

相关插件-验证

超炫的登录页面 login register

超炫的登录页面和注册页面 login register
  验证
 86665  429

jQuery验证插件check.js

不提供任何提示,仅提供配置的接口,通过回调的方式来进行
  验证
 26914  281

漂亮的登录注册页+Validate表单验证+自适应手机

在“漂亮的登录页+滑动弹出框+js正则验证”的基础上,添加自适应样式和优化输入时体验,增加Validate的表单验证
  验证
 83502  772

Modern Fms 表单验证插件

Modern Fms(精美的纯css3 html5表单框架) 表单验证插件
  验证
 14620  181

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复