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 }); });