慕容3067478
2018-11-15 14:14:47
先謝謝各位了,我是寫了一個type = number的Input,鑒于業(yè)務需求,這個Input中只能輸入數字,加減號不可輸入。本來想判斷input中的value值來手動刪掉里面的加號減號及多余的點,可是又發(fā)現一旦輸入的值不合法,Input的value已經被轉化為空字符串 ‘’。這樣我就無法取到input中的值了。想了許久不知道解決方法,求各位大神幫忙了,謝謝~對了,我是用vue寫的頁面~~~
1 回答

德瑪西亞99
TA貢獻1770條經驗 獲得超3個贊
用正則匹配 '^[-]?[0-9]*\.?[0-9]+(eE?[0-9]+)?$'
<input type="text" />
可以用這種方式,監(jiān)聽input值的變化,發(fā)現驗證不過就提示。
<!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>
添加回答
舉報
0/150
提交
取消