JS는 양식을 제출하기 전에 디지털 및 이메일 확인 기능을 구현합니다.

프로젝트 개발 중에 종종 폼 제출 기능을 접하게 되는데, 오늘은 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 에디터입니다. 많은 분들께 도움이 되었으면 좋겠습니다! !

관련 권장사항:

javascript는 js

JS의 간단한 배열 중복 제거 방법 구현 예

js 확인 전화번호 및 휴대전화에서 +86 정규식 지원

에 설명된 정규식 코드와 일치합니다.

위 내용은 JS는 양식을 제출하기 전에 디지털 및 이메일 확인 기능을 구현합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!