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

韦小宝
풀어 주다: 2018-01-08 10:51:29
원래의
1258명이 탐색했습니다.

프로젝트 개발 중에 종종 폼 제출 기능을 접하게 되는데, 오늘은 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿