需求說明:
這里使用正則表達式驗證,頁面文本輸入框中輸入的內容。
- 如果輸入內容是整數,要求輸入內容為十二位的數字。
- 如果輸入內容是小數,要求輸入內容為小數點前十二位整數、小數點后為兩位小數。
代碼說明:
這里只介紹正則表達式部分內容,其他部分的代碼不做介紹。如果有需要可自行添加內容。
代碼部分:
步驟一:建立一個頁面可以是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="123456789012.122"; if(num12xiaos2(value)){ console.log("參數:符合驗證要求"); }else{ console.log("參數: 不符合驗證要求"); } }) //驗證整數12位,小數2位 function num12xiaos2(value){ var n = /^([-+]?\d{12})(\.\d{2})?$/; var re = new RegExp(n); if (re.test(value)) { return true; } else { return false; } } </script> </html>
總結:上面代碼在測試的時候是在瀏覽器控制台輸出的測試結果。驗證后的其他操作根據自己的需要進行添加即可。