最近因为硕论招募受试者,需要先进行一些测验筛选,所以架了个网站,
让志愿者可以注册帐号,线上测验。
其中注册表单中的电话字段<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;
...
好奇各位大大有没有类似的经验呢?
又有什么解决方案呢?