输入限制和验证 jQuery插件 numberic.js

  • 源码大小:10.82KB
  • 所需积分:1积分
  • 源码编号:19JP-3060
  • 浏览次数:1061次
  • 最后更新:2023年05月01日
  • 所属栏目:表单
本站默认解压密码:19jp.com 或 19jp_com

简介

numeric是一个轻量级、快速的jQuery插件,它只允许在输入框中输入有效的数字,从而增强输入验证

当用户通过Ctrl+V将内容粘贴到输入框中时,插件会自动修复值以匹配您想要的格式。

非常适合电子商务网站和在线商店,简化数据输入和验证,最大限度地降低人为错误的风险,确保数据准确性。

如何使用它:

1.下载插件,并将jquery.numeric.js脚本放在jquery之后(建议使用瘦版本)。

  1. <script src="/path/to/cdn/jquery.slim.min.js"></script>
  2. <script src="/path/to/jquery.numeric.js"></script>

2.连接数字函数转换为您希望限制为数值的任何输入字段。

  1. <input class="numeric" type="text" />
  1. $(function(){
  2. $(".numeric").numeric();
  3. });

3.确定是否允许负值。默认值:true。

  1. $(function(){
  2. $(".numeric").numeric({
  3. negative: false
  4. });
  5. });

4.将输入字段限制为只允许x位小数。默认值:-1。

  1. $(function(){
  2. $(".numeric").numeric({
  3. decimalPlaces : 2
  4. });
  5. });

5.JS展示了如何将小数点改为逗号。默认值:-1。

  1. $(function(){
  2. $(".numeric").numeric({
  3. decimal: ","
  4. });
  5. });

6.如果数字无效,则执行一个函数(触发onblur)。

  1. $(function(){
  2. $(".numeric").numeric({
  3. // options here
  4. }, function(){
  5. // do something
  6. });
  7. });

预览截图