這個問題在這里已經有了答案: React Native 如何只允許 TextInput 上的數字?數字只是一個數字鍵盤 (1 個回答) 1 小時前關閉。
我可以在 textInput 中添加什么以確保用戶只能寫數字而不能寫逗號、點或其他符號?
<TextInput
onChangeText={text => setTextInputValue(text)}
value={textInputValue}
placeholder=" perso"
keyboardType="numeric"
style={styles.inputRE1}
/>
uj5u.com熱心網友回復:
您可以使用 onChangeText 上的正則運算式替換文本。
onChangeText={text => setTextInputValue(text.replace(/[^0-9]/g, ''))}
/[^0-9]/g 正則運算式將洗掉除數字以外的所有字符。
uj5u.com熱心網友回復:
盡可能簡單: 1- 在 TextInput 上添加 (keypress)="numberOnly($event)" 事件。
2- 使用代碼只輸入數字:
numberOnly(event): boolean {
const charCode = event.which ? event.which : event.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
}
return true;
}
轉載請註明出處,本文鏈接:https://www.uj5u.com/shujuku/350348.html
上一篇:如果沒有訪問密鑰,Snowflake無法從S3下載檔案,而s3fs可以從S3下載該檔案
下一篇:顯示來自給定資料物件的影像
