JQuery是一個強大的JavaScript庫,提供了很多實用的功能。其中,驗證手機和郵箱是常用的功能。本文介紹如何使用JQuery實現手機號碼和郵箱的格式驗證。
驗證手機號碼:
$(document).ready(function() { $("#phone").blur(function() { var phone = $(this).val(); if (!(/^1[34578]\d{9}$/.test(phone))) { alert("請輸入正確的手機號碼!"); $(this).focus(); return false; } }); });
以上代碼實現了在輸入框失去焦點時,驗證手機號碼的格式是否正確。驗證方法是使用正則表達式,判斷輸入的手機號碼是否符合規范。
驗證郵箱地址:
$(document).ready(function() { $("#email").blur(function() { var email = $(this).val(); if (!(/^(\w)+(\.\w+)*@(\w)+((\.\w+)+)$/.test(email))) { alert("請輸入正確的郵箱地址!"); $(this).focus(); return false; } }); });
以上代碼實現了在輸入框失去焦點時,驗證郵箱地址的格式是否正確。同樣使用正則表達式驗證輸入的內容是否符合規范。
使用JQuery驗證郵箱和手機號碼格式非常簡單,僅需幾行代碼即可實現。在實際開發中,可以根據項目需要,對驗證方式進行更改。希望本文可以幫助您快速實現手機號碼和郵箱地址的格式驗證。