电话号inputFormater · 前端

# formater ~~~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1" /> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <div class="wrapper"> <input type="text" id="ip"> </div> <script> let input = document.getElementById('ip'); input.addEventListener('input', (e) => { let str = e.target.value.replace(/\s+/g, '').replace(/[^0-9]/, ''); if (str.length > 11) str = str.slice(0, 11); let reg = /(\d{0,3})(\d{0,4})(\d{0,4})/; let format = str.replace(reg, '$1 $2 $3').trimRight(); e.target.value = format; }); </script> </body> </html> ~~~