input text的電話號碼分割js(如:152-9456-7894)
阿新 • • 發佈:2018-11-26
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>測試</title> </head> <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script> <script type="text/javascript"> $(function() { $("#phone").keyup(function() { var phoneNum = $(this).val(); //數字和長度驗證 if (!/^[\d|-]*$/.test(phoneNum) || phoneNum.length > 15) { $(this).val(phoneNum.substring(0, phoneNum.length - 1)); } //手機分割 var checkPhoneNum = /^1[3|4|5|6|7|8|9][0-9]\d+$/; if (checkPhoneNum.test(phoneNum) && phoneNum.length == 4) { $("#phone").val(phoneNum.substring(0, 3) + "-" +phoneNum.substring(3, phoneNum.length)); return ; } checkPhoneNum = /^1[3|4|5|6|7|8|9][0-9]-\d{5}$/; if (checkPhoneNum.test(phoneNum) && phoneNum.length == 9) { $("#phone").val(phoneNum.substring(0, 8) + "-" + phoneNum.substring(8, phoneNum.length)); return ; } checkPhoneNum = /^1[3|4|5|6|7|8|9][0-9]-\d{4}-\d{5}$/; if (checkPhoneNum.test(phoneNum) && phoneNum.length == 14) { $("#phone").val(phoneNum.replace(/-/g, '')); return ; } //座機分割 checkPhoneNum = /^0[1|2]\d{2}$/; if (checkPhoneNum.test(phoneNum) && phoneNum.length == 4) { $("#phone").val(phoneNum.substring(0, 3) + "-" +phoneNum.substring(3, phoneNum.length)); return ; } checkPhoneNum = /^0[1|2]\d-\d{9}$/; if (checkPhoneNum.test(phoneNum) && phoneNum.length == 13) { $("#phone").val(phoneNum.replace(/-/g, '')); return ; } checkPhoneNum = /^0[3|4|5|6|7|8|9]\d{3}$/; if (checkPhoneNum.test(phoneNum) && phoneNum.length == 5) { $("#phone").val(phoneNum.substring(0, 4) + "-" +phoneNum.substring(4, phoneNum.length)); return ; } checkPhoneNum = /^0[3|4|5|6|7|8|9]\d{2}-\d{9}$/; if (checkPhoneNum.test(phoneNum) && phoneNum.length == 14) { $("#phone").val(phoneNum.replace(/-/g, '')); } }); $("#click").click(function() { var mobile = $("#phone").val(); alert(mobile.length); if(!(/^1[3|4|5|6|7|8|9][0-9]-\d{4}-\d{5}$/.test(mobile))) { alert("格式不正確!"); } }); }); </script> <body> <input id="phone" type="text" /> <input id="click" type="button" value="click" /> <span id="show"></span> </body> </html>