欢迎来到福编程网,本站提供各种互联网专业知识!

jquery表单插件Autotab使用方法详解

发布时间:2016-06-24 作者:投稿lijiao 来源:转载
这篇文章主要为大家详细介绍了jquery表单插件Autotab使用方法,Autotab自动Tab文本框,感兴趣的小伙伴们可以参考一下

Autotab也是一款功能专一的表单插件,它提供了自动跳格的功能,当用户输入的字符数一旦超过已定义的最大长度,则会根据事先设置的目标自动跳转到相应元素上,省却了

用户按【Tab】键的麻烦。最典型的应用就是输入IP地址、软件激活码等地方了,我们做的web项目中也有很多地方可以用到这插件,对于提高用户体验还是很有帮助的。

使用时需要引入jquery.autotab.js,下载地址:点击进入下载页面


 
  New Document 
 
 
 
 
 

 
 

jQuery整理笔记七

Autotab自动Tab文本框

除了可以限定输入长度外,还可以通过autotab_filter()方法限定输入的字符类型,这个方法还能过滤大写、小写、空格、字母等,具体的用到了现查吧。

如果将上面的js改成:

$(function(){
 $('#autotab').submit(function(){
 return false;
 });
 $('#autotab :input').autotab_magic().autotab_filter('numeric');
})

就是只能输入数字了。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持全福编程网。

相关推荐