jQuery是一個流行的JavaScript庫,能夠幫助開發人員更快、更方便地操作HTML頁面。較常見的應用之一是輸入手機號驗證,下面我們來介紹如何使用jQuery實現輸入手機號格式驗證。
$(function() { $('#phone-number').blur(function() { var reg = /^1[3456789]\d{9}$/; var phone = $(this).val(); if(phone == '') { alert('請輸入手機號!'); return false; } else if(!reg.test(phone)) { alert('請輸入正確的手機號碼!'); return false; } return true; }); });
以上代碼實現了輸入手機號的驗證。我們首先通過jQuery的選擇器選中了要驗證的元素,即id為“phone-number”的文本框。當該文本框失去焦點后(blur事件),我們獲取了用戶輸入的手機號,并使用正則表達式進行驗證。如果為空或格式不正確,將彈出相應提示信息。當手機號格式正確時,我們返回true表示驗證通過。
這樣我們就通過jQuery完成了輸入手機號的基本驗證,可以幫助我們更好地確保用戶輸入的數據格式正確,避免了后期因輸入錯誤導致的問題。