jQuery表單校驗方法是一個非常重要的網(wǎng)站前端程序功能,用于確保用戶輸入的數(shù)據(jù)符合指定的標(biāo)準(zhǔn)格式,確保網(wǎng)站的數(shù)據(jù)整潔性和數(shù)據(jù)完整性。以下是一些常用的jQuery表單校驗方法,希望對你有所幫助。
// 非空判斷 $('form').submit(function(){ var value=$('input[type=text]').val(); if(value==""){ alert('不能為空'); return false; } }); //限定輸入字符長度 $('#inputBox').blur(function(){ if($(this).val().length > 10){ $(this).next().show(); }else{ $(this).next().hide(); } }); //郵箱格式校驗 $('#email').blur(function(){ var emailStr = $(this).val(); var reg = /^\w+@[a-zA-Z0-9]+(\.[a-zA-Z]{2,4}){1,2}$/; if(!reg.test(emailStr)){ alert('郵箱格式不正確'); $(this).focus(); return false; } }); //手機號碼格式校驗 $('#mobile').blur(function(){ var mobileStr=$(this).val(); var reg=/^1[3|4|5|7|8][0-9]{9}$/; if(!reg.test(mobileStr)){ alert('手機號碼格式有誤,請重新輸入!'); $(this).focus(); return false; } }); //身份證號碼格式校驗 $('#idCard').blur(function(){ var idCardStr=$(this).val(); var reg=/^(\d{15}$|^\d{18}$|^\d{17}(\d|X|x))$/; if(!reg.test(idCardStr)){ alert("身份證號碼格式有誤!"); $(this).focus(); return false; } });