> 웹 프론트엔드 > JS 튜토리얼 > JS는 디지털 및 이메일 확인 기능을 구현합니다.

JS는 디지털 및 이메일 확인 기능을 구현합니다.

小云云
풀어 주다: 2017-12-21 13:28:37
원래의
1633명이 탐색했습니다.

사용자가 프로젝트에서 양식을 제출하라는 요청을 받을 때 사용자가 제출한 데이터 유형과 내용은 매우 불확실하며 사용자는 디자이너의 의미를 완전히 이해하지 못할 수 있습니다. 따라서 양식을 제출하기 전에 교정이 필요합니다. 이 기사에서는 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 함수는 문자열에서 일치하는 항목을 대체 문자열로 바꾸고 대체된 문자열을 반환하는 함수입니다. 사용법은 다음과 같이 소개됩니다.

js String의 바꾸기 함수의 함수 서명은 다음과 같습니다. 다음과 같습니다:

replace(match/* string OR 정규 표현식*/, replacement/* string OR function*/)

함수는 문자열에서 일치하는 항목을 replacement로 바꾸고 대체된 문자열을 반환하는 함수입니다.

따라서 첫 번째 매개변수는 일반적으로 정규식입니다. 예:

replace(/n/g, "h") // 문자열의 모든 n을 h로 바꿉니다.

두 번째 매개변수는 첫 번째 매개변수의 정규 표현식 그룹을 포함할 수 있는 문자열일 수 있습니다. 예:

replace(/(a){2,2}/g, "$1b") // 문자열의 모든 aa를 ab로 바꿉니다.

관련 추천:

자바스크립트에 동적으로 스타일 규칙을 추가하는 방법에 대해 이야기해보겠습니다. W3C 교정_javascript 기술

휴대전화 등록 시 인증코드 카운트다운 기능 보내기

PHP 인증 로그인 사용자 이름과 비밀번호

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

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