最近因為碩論招募受試者，需要先進行一些測驗篩選，所以架了個網站，
讓志願者可以註冊帳號，線上測驗。
其中註冊表單中的電話欄位<input type='tel' id='mobilePhone'>
為了讓格式整齊，所以限制使用者只能輸入09xx-xxx-xxx的形式
沒想到，有 iphone / safari 的使用者跟我說，電話欄位的鍵盤沒辦法輸入 "-"
讓我驚訝不已XD
無奈只好寫個函式來幫忙加 hyphen
...
function addHyphen() {
let re = /(\d{4})(\d{3})(\d{3})/;
if (!this.value.search(re))
this.value = this.value.replace(re, '$1-$2-$3');
}
...
document.querySelector('#mobilePhone').oninput = addHyphen;
...
好奇各位大大有沒有類似的經驗呢？
又有甚麼解決方案呢？