프로젝트 개발 중에 종종 폼 제출 기능을 접하게 되는데, 오늘은 js폼 제출 전 전화번호 및 이메일 확인 기능을 구현하는 방법을 알려드리는 시간을 가져보겠습니다. js에 관심이 있으신 분들은 참고해주세요. 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 함수는 문자열의 일치 항목을 대체 항목으로 바꾸고 대체된 string을 반환하는 함수입니다.
함수입니다. js String의 바꾸기 함수의 시그니처는 다음과 같습니다:
replace(match/* string ORregularexpression */, replacement/* string OR function*/)
이 함수는 문자열에서 일치하는 항목을 바꾸는 것입니다. 대체 항목으로 바꾸고 대체된 문자열을 반환합니다.
따라서 첫 번째 매개변수는 일반적으로 정규식입니다. 예:
replace(/n/g, "h") // 문자열의 모든 n을 h로 바꿉니다.
두 번째 매개변수는 첫 번째 매개변수의 정규 표현식 그룹을 포함할 수 있는 문자열일 수 있습니다. 예:
replace(/(a){2,2}/g, "$1b") // 문자열의 모든 aa를 ab로 바꿉니다.
요약
위는 폼 제출 전 전화번호 및 이메일 인증 기능을 구현하기 위해 소개해드린 JS 에디터입니다. 많은 분들께 도움이 되었으면 좋겠습니다! !
관련 권장사항:
js 확인 전화번호 및 휴대전화에서 +86 정규식 지원
에 설명된 정규식 코드와 일치합니다.위 내용은 JS는 양식을 제출하기 전에 디지털 및 이메일 확인 기능을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!