hi,欢迎访问本站!
当前位置: 首页学习笔记正文

关于input的一些js

用户投稿 学习笔记 155阅读
/*只能输入中文*/<input type="text" onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))" class="txt" placeholder="请输入中文"> /*只能输入数字*/<input type="tel" onkeyup='this.value=this.value.replace(/\D/gi,"")' class="txt" placeholder="请输入数字"> /*不能输入中文*/<input type="text" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\u4e00-\u9fa5]/g,''))" onkeyup="this.value=this.value.replace(/[\u4e00-\u9fa5]/g,'')" /> /*不能输入中文和空格*/<input type="text" onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" /> /*只能输入数字和一位小数点和小数点后面两位小数*/<input type="text" onkeyup="num(this)" />function num(obj) { obj.value = obj.value.replace(/[^\d.]/g, ""); //清除“数字”和“.”以外的字符 obj.value = obj.value.replace(/\.{2,}/g, "."); //只保留第一个. 清除多余的 obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$", "."); obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');//只能输入两个小数 if (obj.value.indexOf(".") < 0 && obj.value != "") {//以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额 obj.value = parseFloat(obj.value); } } /*手机号码替换空格*/<input type="tel" maxLength="13" placeholder="请输入手机号码" class="aui-font-size-14" id="phone" onkeyup="this.value = padStr(this.value.replace(/\D/g, ''), [3, 7], ' ', this);">function padStr(value, position, padstr, inputElement){ position.forEach((item, index) => { if (value.length > item + index) { value = value.substring(0, item + index) + padstr + value.substring(item + index) } }) value = value.trim(); // 解决安卓部分浏览器插入空格后光标错位问题 requestAnimationFrame(() => { inputElement.setSelectionRange(value.length, value.length); }) return value; }
标签:
声明:无特别说明,转载请标明本文来源!
发布评论
正文 取消