個人覺得一個工程中讓用戶提交表單時，用戶提交的數據類型及內容不確定度都很大，用戶不一定會完全理解設計者意思。所以提交表單前的校檢是必須的，這里簡單分享幾個校檢方法，本人新手，還請多多指教。
<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函數 這里用來去掉空格等于trim return false;d }else{ if(isNaN(age)||age<0){ //如果age是特殊的非數字值NaN（或者能被轉換為這樣的值），返回的值就是true。如果age是其他值,則返回false。 alert("請輸入正確的年齡（數字）") 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函數作用是將源自符串中的match替換為replacement并返回替換后的字符串，使用介紹如下：
js String的replace函數的函數簽名如下：
replace(match/* 字符串OR正則表達式 */, replacement/* 字符串OR函數 */)
作用是將源自符串中的match替換為replacement并返回替換后的字符串。
所以第一參數通常是一個正則表達式，舉例如下：
replace(/n/g, "h") // 將源自符串中所有的n替換為h。
第二參數可以是一個字符串，該字符串中可以包含第一參數正則表達式的分組，舉例如下:
replace(/(a){2,2}/g, "$1b") // 將源自符串中所有的aa替換為ab。
總結
以上所述是小編給大家介紹的JS實現提交表單前的數字及郵箱校檢功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對武林網網站的支持！
新聞熱點
疑難解答
