numeric是一个轻量级、快速的jQuery插件,它只允许在输入框中输入有效的数字,从而增强输入验证
当用户通过Ctrl+V将内容粘贴到输入框中时,插件会自动修复值以匹配您想要的格式。
非常适合电子商务网站和在线商店,简化数据输入和验证,最大限度地降低人为错误的风险,确保数据准确性。
1.下载插件,并将jquery.numeric.js脚本放在jquery之后(建议使用瘦版本)。
- <script src="/path/to/cdn/jquery.slim.min.js"></script>
- <script src="/path/to/jquery.numeric.js"></script>
2.连接数字
函数转换为您希望限制为数值的任何输入字段。
- <input class="numeric" type="text" />
- $(function(){
- $(".numeric").numeric();
- });
3.确定是否允许负值。默认值:true。
- $(function(){
- $(".numeric").numeric({
- negative: false
- });
- });
4.将输入字段限制为只允许x位小数。默认值:-1。
- $(function(){
- $(".numeric").numeric({
- decimalPlaces : 2
- });
- });
5.JS展示了如何将小数点改为逗号。默认值:-1。
- $(function(){
- $(".numeric").numeric({
- decimal: ","
- });
- });
6.如果数字无效,则执行一个函数(触发onblur)。
- $(function(){
- $(".numeric").numeric({
- // options here
- }, function(){
- // do something
- });
- });