最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501
当前位置: 首页 - 科技 - 知识百科 - 正文

vue如何限制只能输入正负数及小数

来源:懂视网 责编:小采 时间:2020-11-27 21:54:02
文档

vue如何限制只能输入正负数及小数

vue如何限制只能输入正负数及小数: <el-input keyup.native=isFloor/> //正数,含小数 isFloor(e,type){ if(type=='floor') { var val=e.target.value; //限制只能输入一个小数点 if (val.indexOf(.) != -1) { var str = val.sub
推荐度:
导读vue如何限制只能输入正负数及小数: <el-input keyup.native=isFloor/> //正数,含小数 isFloor(e,type){ if(type=='floor') { var val=e.target.value; //限制只能输入一个小数点 if (val.indexOf(.) != -1) { var str = val.sub

 <el-input keyup.native="isFloor"/>

//正数,含小数

isFloor(e,type){
 if(type=='floor') {
 var val=e.target.value;
 //限制只能输入一个小数点
 if (val.indexOf(".") != -1) {
 var str = val.substr(val.indexOf(".") + 1);
 if (str.indexOf(".") != -1) {
 val = val.substr(0, val.indexOf(".") + str.indexOf(".") + 1);
 }
 }
 e.target.value = val.replace(/[^\d^\.]+/g,'');
 }
 
 },
//正负数,含小数

isFloor(){
 var obj=event.target;
 var t = obj.value.charAt(0); 
 obj.value = obj.value.replace(".", "$#$")//把第一个字符'.'替换成'$#$'
 .replace(/\./g, "")//把其余的字符'.'替换为空
 .replace("$#$", ".")//把字符'$#$'替换回原来的'.'
 .replace(/[^\d.]/g, "")//只能输入数字和'.'
 .replace(/^\./g, "")//不能以'.'开头
 .replace( /([0-9]+\.[0-9]{2})[0-9]*/,"$1")//只保留2位小数 
 if (t == '-') {
 obj.value = '-' + obj.value;
 } 
}

声明:本网页内容旨在传播知识,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文档

vue如何限制只能输入正负数及小数

vue如何限制只能输入正负数及小数: <el-input keyup.native=isFloor/> //正数,含小数 isFloor(e,type){ if(type=='floor') { var val=e.target.value; //限制只能输入一个小数点 if (val.indexOf(.) != -1) { var str = val.sub
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top