jquery 验证小数点后几位_(亲测可用)input只能输入数字或小数点后几位

本文介绍了在webapp中如何使用jQuery实现input字段只能输入数字及小数点后两位的功能。通过提供的JavaScript代码示例,展示了如何限制输入并获取光标位置与选中文本的方法。同时提到了HTML5的`type=number`和`step=0.01`属性,用于在手机端控制数字键盘和输入精度。
摘要由CSDN通过智能技术生成

webapp是基于html5网页版的app,经常会结合app成为混合模式 hybrid app,也就是 app小应用打开 访问的其实是网页,这种方式非常不错,解决了app更新的难题, 所以这个时候要求 webapp需要做的非常像原生app一样。

下面是切图网(qietu.com)在实际项目中碰到一个问题,关于 input 只能输入数字和小数点后俩位的验证。下面javascript 代码

//

// JavaScript Document

$.fn.decimalinput = function(num) {

$(this).

//获取当前光标在文本框的位置

function getCurPosition(domObj) {

var position = 0;

if (domObj.selectionStart || domObj.selectionStart == ‘0’) {

position = domObj.selectionStart;

}

else if (document.selection) { //for IE

domObj.focus();

var currentRange = document.selection.createRange();

var workRange = currentRange.duplicate();

domObj.select();

var allRange = document.selection.createRange();

while (workRange.compareEndPoints("StartToStart", allRange) > 0) {

workRange.moveStart("character", -1);

position++;

}

currentRange.select();

}

return position;

}

//获取当前文本框选中的文本

function getSelectedText(domObj) {

if (domObj.selectionStart || domObj.selectionStart == ‘0’) {

return domObj.value.substring(domObj.selectionStart, domObj.selectionEnd);

}

else if (document.selection) { //for IE

domObj.focus();

var sel = document.selection.createRange();

return sel.text;

}

else return ”;

}

//$(‘#fe3’).decimalinput(2);

})

关于html5原生配合

一个是 type=number (原生h5自带)

控制手机端默认弹出 数字输入键盘

一个是 step=0.01 (原生 h5 自带)

控制输入框的数字跨度,0.01 代表可以输入 数字和小数点后俩位

切图社区(qietu.cn)原创。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值