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)原创。

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

  1. js控制input只能输入数字和小数点后两位,输入其他自动清除方法。

    工作中input='text'总会遇到要控制输入数字,或者是输入中文,输入电话,输入身份证号,邮箱等.今天我遇到的是要输入数字并且只能小数点后面两位的数字,还不能为负数.废话不多说上代码: <i ...

  2. 设置input只能输入数字或小数(保留一位小数)

    代码块可直接使用: function onlyNonNegative(obj) {//清除"数字"和"."以外的字符obj.value = obj.value. ...

  3. el-input中,输入input和失去焦点blur时进行校验——正则表达式之只能输入数字和大写字母 只能输入数字 颜色值的正则表达式-3位和6位 标签的回车事件

    el-input中,输入input和失去焦点blur时进行校验--正则表达式之只能输入数字和大写字母 & 只能输入数字 & 颜色值的正则表达式-3位和6位 & 标签的回车事件 ...

  4. html只能输入两位小数,JQuery控制input只能输入数字和两位小数(有关金额)代码...

    jquery代码: function num(obj){ obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字&quo ...

  5. element-ui input 只能输入数字保留两位小数

    首先在输入框中加上input事件, 等数据化处理完成后在进行赋值 <el-input v-model="item.price" placeholder="请输入&q ...

  6. Office 2019 for Mac 64位(亲测可用)

    Office 2019 for Mac 64位 大小:1.7G 微软官方下载地址: https://officecdn-microsoft-com.akamaized.net/pr/C1297A47- ...

  7. js 正则 限制 input 只能输入数字,不能输入特殊符号,保留两位小数等效果

    限制只能输入数字,小数点只保留2位,限制不能输入空格 <div id="app"><input type="text" v-model=&qu ...

  8. 正则:element ui input只能输入数字及数字后两位

    1:使用表单校验 <el-inputv-model="param.value"placeholder="起始备用金"/>value: [{ requ ...

  9. vueinput里只能输入数字_大佬们,vue里面 限制input只能输入数字怎么做啊?

    可以参考下面的,目前这个是限制,只能输入数字,小数点只保留2位,限制不能输入空格 new Vue({ el: "#app", data: { a: "" }, ...

最新文章

  1. js中常用的算法排序
  2. tw-wr641g ttl串口
  3. Linux 下面安装nodejs
  4. 坐标变换过程(vertex transformation)
  5. 飞畅科技-工业级以太网交换机常见问题解析!
  6. Qt 程序打包发布总结
  7. [Redux/Mobx] 为什么redux能做到局部渲染呢?
  8. shellcraft新姿势
  9. raidrive安装失败_记一次RaiDrive映射OneDrive遇到的问题
  10. NOI入门级:排序算法
  11. jsp数据交互(一),九大内置对象
  12. 计算机组成原理——存储器容量扩展(字扩展、位扩展、字位扩展)
  13. 1.21 同级比较 倒装句 否定Neither
  14. Java成员方法getinfo_我想问下程序中的setInfo()和getInfo()它们怎调用的??
  15. android控件覆盖方法
  16. 吃货必须知道的经验,收藏备用了!太全面了!
  17. 无损放大图片软件有什么?安利几款放大图片的软件
  18. int和字符串的类型转换
  19. matlab solve函数错误【检查对函数 ‘solve‘ 的调用中是否缺失参数或参数数据类型不正确】
  20. Wireshark配置显示IP地理位置信息

热门文章

  1. 折弯弹性计算公式_冲压模具:影响回弹因素、回弹计算公式计算,值得收藏
  2. 澳洲虚拟主机空间_澳洲空间|澳洲虚拟主机|澳洲主机|澳洲虚拟空间-万纵科技 www.xmwzidc.cn...
  3. 集水井盖板图集07fj02_【干货】住宅通病详细图集(图文详解)
  4. 计算机英语一级考试试题,全国计算机一级考试试题及答案
  5. git撤销分支上代码的修改
  6. FileNotFoundError: [Errno 2] No such file or directory: 'test/条形图03.html'
  7. 位姿估计的来龙去脉——内外参,三维重建,Pnp问题
  8. CV中的经典网络模型
  9. 网站渗透测试原理及详细过程
  10. PostgreSQL 分页——示例