国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁(yè)技術(shù)文章
文章詳情頁(yè)

javascript - 請(qǐng)問如何不讓type=number的Input,不可輸入加號(hào)減號(hào)和多個(gè)小數(shù)點(diǎn)?

瀏覽:124日期:2022-12-19 15:57:18

問題描述

先謝謝各位了,我是寫了一個(gè)type = number的Input,鑒于業(yè)務(wù)需求,這個(gè)Input中只能輸入數(shù)字,加減號(hào)不可輸入。本來(lái)想判斷input中的value值來(lái)手動(dòng)刪掉里面的加號(hào)減號(hào)及多余的點(diǎn),可是又發(fā)現(xiàn)一旦輸入的值不合法,Input的value已經(jīng)被轉(zhuǎn)化為空字符串 ‘’。這樣我就無(wú)法取到input中的值了。想了許久不知道解決方法,求各位大神幫忙了,謝謝~對(duì)了,我是用vue寫的頁(yè)面~~~

問題解答

回答1:

用正則匹配 ’^[-]?[0-9]*.?[0-9]+(eE?[0-9]+)?$’

<input type='text' />

可以用這種方式,監(jiān)聽input值的變化,發(fā)現(xiàn)驗(yàn)證不過就提示。

<!DOCTYPE html><html><head><meta http-equiv='Content-Type' content='text/html; charset=UTF-8'><title>Welcome</title></head><body><form> <input type='text' name='test' onblur='checkNumber()'></form><script type='text/javascript'> function checkNumber(){ var inputNumber = document.getElementById(’inputNumber’).value; if(!/^[-]?[0-9]*.?[0-9]+(eE?[0-9]+)?$/.test(inputNumber)){alert(’Please input a valid number!’);return false; }}</script></body></html>回答2:

把你的js貼出來(lái)看看

回答3:

onkeyup='this.value=this.value.replace(/D/g,’’)' onafterpaste='this.value=this.value.replace(/D/g,’’)'

回答4:

type=number應(yīng)該是無(wú)法直接限制用戶不能輸入正負(fù)號(hào)、e、多個(gè)小數(shù)點(diǎn)的。還是需要通過input的value來(lái)判斷。至于輸入的值不合法,input的value被轉(zhuǎn)化成空字符串的問題,可以將input的type改成text,然后使用正則和replace去除非數(shù)字和多個(gè)小數(shù)點(diǎn)就行了。

回答5:

那你可以用 v-model綁定一個(gè)值,然后通過watch 來(lái)監(jiān)聽這個(gè)值,但你找到有非法的值得時(shí)候,刪掉非法的字符串即可

回答6:

<input type='tel' />

標(biāo)簽: JavaScript
主站蜘蛛池模板: 国产黄色免费网站 | 天堂亚洲网 | 日本在线观看www免费 | 97视频在线观看免费 | 亚洲超大尺度激情啪啪人体 | 免费看国产精品久久久久 | 成人看免费一级毛片 | 男人天堂网址 | 国产黄色在线播放 | 色综合a怡红院怡红院首页 色综合精品久久久久久久 色综合九九 | 成人影院免费观看 | 毛片一级做a爰片性色 | 国产精品欧美一区二区三区 | 一级片视频免费看 | 97久久精品国产精品青草 | 一级a欧美毛片 | 国产亚洲男人的天堂在线观看 | 久热精品男人的天堂在线视频 | 成人一级视频 | 欧美影院网站视频观看 | 九九色网 | 日韩精品一区二区三区高清 | 亚洲欧洲一区二区 | 国产一级片毛片 | 亚洲精品视频免费观看 | 国产美女拍拍拍在线观看 | a级高清免费 | www.日本在线视频 | 国产伦精品一区二区三区四区 | 99视频只有精品 | 亚洲免费精品视频 | 最新国产一区二区精品久久 | 怡红院在线a男人的天堂 | 一级欧美日韩 | 美国一级片免费 | 一级黄色香蕉视频 | 亚洲精品久久久久综合中文字幕 | 欧美成人午夜做爰视频在线观看 | 成人18在线视频播放 | 亚洲人在线播放 | 伊人久久大香线焦综合四虎 |