個人覺得一個工程中讓用戶提交表單時,用戶提交的數(shù)據(jù)類型及內(nèi)容不確定度都很大,用戶不一定會完全理解設(shè)計者意思。所以提交表單前的校檢是必須的,這里簡單分享幾個校檢方法,本人新手,還請多多指教。
js;"><script type="text/javascript"> function toVaild(){ var age = document.getElementById("age").value; var email = document.getElementById("email").value; if(age==null||age.replace(/(^/s*)|(/s*$)/g, "")==""||age==undefined){ //JavaScript String.replace函數(shù) 這里用來去掉空格等于trim return false;d }else{ if(isNaN(age)||age<0){ //如果age是特殊的非數(shù)字值NaN(或者能被轉(zhuǎn)換為這樣的值),返回的值就是true。如果age是其他值,則返回false。 alert("請輸入正確的年齡(數(shù)字)") document.getElementById("age").focus(); return false; } } if(email==null||email.replace(/(^/s*)|(/s*$)/g, "")==""||email==undefined){ }else{ var reg = /^/w+((-/w+)|(/./w+))*/@[A-Za-z0-9]+((/.|-)[A-Za-z0-9]+)*/.[A-Za-z0-9]+$/; //匹配郵箱 isok= reg.test(email); if(!isok){ alert("郵箱格式不正確,請重新輸入!"); document.getElementById("email").focus(); return false; } }} return true;</script><form action="${pageContext.request.contextPath }/updateinfo" onsubmit="return toVaild()" ><center><input type="text" id="age" placeholder="年齡"><input id="email" placeholder="email" ><button type="submit" >保存修改</button> </center></form>JavaScript String.replace函數(shù)作用是將源自符串中的match替換為replacement并返回替換后的字符串,使用介紹如下:
js String的replace函數(shù)的函數(shù)簽名如下:
replace(match/* 字符串OR正則表達(dá)式 */, replacement/* 字符串OR函數(shù) */)
作用是將源自符串中的match替換為replacement并返回替換后的字符串。
所以第一參數(shù)通常是一個正則表達(dá)式,舉例如下:
replace(/n/g, "h") // 將源自符串中所有的n替換為h。
第二參數(shù)可以是一個字符串,該字符串中可以包含第一參數(shù)正則表達(dá)式的分組,舉例如下:
replace(/(a){2,2}/g, "$1b") // 將源自符串中所有的aa替換為ab。
總結(jié)
以上所述是小編給大家介紹的JS實現(xiàn)提交表單前的數(shù)字及郵箱校檢功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對VeVb武林網(wǎng)網(wǎng)站的支持!
新聞熱點
疑難解答