先謝謝各位了，我是寫了一個type = number的Input,鑑於業務需求，這個Input中只能輸入數字，加減號不可輸入。 本來想判斷input中的value值來手動刪除裡面的加號減號及多餘的點，可是又發現一旦輸入的值不合法，Input的value已經被轉換為空字符串 ‘’。這樣我就無法拿input中的值了。 想了許久不知道解決方法，求各位大神幫忙了，謝謝~對了，我是用vue寫的頁面~~~
用正規匹配 '^[-]?[0-9]*.?[0-9]+(eE?[0-9]+)?$'
<input type="text" />
可以用這種方式，監聽input值的變化，發現驗證不過就提示。
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Welcome</title> </head> <body> <form> <input id="inputNumber" 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>
把你的js貼出來看看
onkeyup="this.value=this.value.replace(/D/g,'')" onafterpaste="this.value=this.value.replace(/D/g,'')"
type=number應該是無法直接限制使用者不能輸入正負號、e、多個小數點的。 還是需要透過input的value來判斷。 至於輸入的值不合法，input的value被轉換成空字串的問題，可以將input的type改成text，然後使用正則和replace去除非數字和多個小數點就行了。
那你可以用 v-model綁定一個值，然後透過watch 來監聽這個值，但你找到有非法的值得時候，刪除非法的字串即可
用正規匹配 '^[-]?[0-9]*.?[0-9]+(eE?[0-9]+)?$'
可以用這種方式，監聽input值的變化，發現驗證不過就提示。
把你的js貼出來看看
onkeyup="this.value=this.value.replace(/D/g,'')" onafterpaste="this.value=this.value.replace(/D/g,'')"
type=number應該是無法直接限制使用者不能輸入正負號、e、多個小數點的。
還是需要透過input的value來判斷。
至於輸入的值不合法，input的value被轉換成空字串的問題，
可以將input的type改成text，然後使用正則和replace去除非數字和多個小數點就行了。
那你可以用 v-model綁定一個值，然後透過watch 來監聽這個值，但你找到有非法的值得時候，刪除非法的字串即可