需求說明:
前端頁面使用正則表達式驗證文本輸入框輸入的數據為固定電話。
代碼說明:
這里只介紹正則表達式部分,其他部分的代碼不做介紹。如有其它需要可自行修改。
步驟一:建立一個頁面可以是html、jsp等,引入jquery-3.2.1.min.js(其他版本亦可)。
步驟二:編寫正則表達式。
代碼部分如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="jquery-3.2.1.min.js" ></script> </head> <body> </body> <script> //這里默認頁面加載時驗證輸入數據 $(function () { var value="0451-828039832"; if(phone(value)){ console.log("參數:符合驗證要求"); }else{ console.log("參數: 不符合驗證要求"); } }) //固定電話 function phone(value) { var reg = /^((0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/; var re = new RegExp(reg); if (re.test(value)) { return true; } else { return false; } } </script> </html>