JS怎么實現提交表單前的數字及郵箱校檢功能

小編給大家分享一下JS怎么實現提交表單前的數字及郵箱校檢功能，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

js的作用是什么

1、能夠嵌入動態文本于HTML頁面。2、對瀏覽器事件做出響應。3、讀寫HTML元素。4、在數據被提交到服務器之前驗證數據。5、檢測訪客的瀏覽器信息。6、控制cookies，包括創建和修改等。7、基于Node.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函數 這里用來去掉空格等于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怎么實現提交表單前的數字及郵箱校檢功能”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！