>  기사  >  웹 프론트엔드  >  jquery 양식 유효성 검사는 숫자일 수 없습니다.

jquery 양식 유효성 검사는 숫자일 수 없습니다.

WBOY
WBOY원래의
2021-11-16 09:55:412150검색

jquery 양식이 숫자가 아닌지 확인하는 방법: 1. val 메서드를 사용하여 양식 값을 가져옵니다. 2. 숫자 "/^[0-9]+$/"를 확인하는 정규식을 만듭니다. if 문에서 테스트 메서드는 양식 값이 정규식과 일치하는지 확인합니다. 구문은 "if(정규식 개체. 테스트(양식 값))"입니다.

jquery 양식 유효성 검사는 숫자일 수 없습니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, jquery 버전 1.10.0, Dell G3 컴퓨터.

jquery 양식이 숫자가 될 수 없는지 확인하는 방법

1. 순수 숫자가 될 수 없는 jquery 확인 양식을 작성하는 방법을 설명하기 위해 test.html이라는 새 html 파일을 만듭니다. test.html 파일에서 양식 태그를 사용하여 양식 양식 내에서 입력 태그를 사용하여 양식에 대한 입력 상자를 만듭니다.

test.html 파일의 폼 양식에서 버튼 태그를 이용하여 "회원 이름 확인"이라는 버튼 이름의 버튼을 생성합니다.

test.html 파일에서 onclick 이벤트를 버튼 버튼에 바인딩하면 yanzheng() 함수가 실행됩니다.

jquery 양식 유효성 검사는 숫자일 수 없습니다.

2.js 태그에서 yanzheng() 함수를 생성하고, id(user)를 통해 입력 객체를 얻고, val() 메서드를 사용하여 입력한 멤버 이름을 저장합니다. 사용자 변수 중간에 멤버 이름이 있습니다.

yanzheng() 함수에서 정규식 "/^[0-9]+$/"를 생성하여 숫자를 확인합니다. if 문에서 test() 메서드를 통해 멤버 이름이 정규식과 일치하는지 확인합니다. 일치하는 경우 "순수한 숫자일 수 없습니다"라는 메시지가 표시됩니다.

jquery 양식 유효성 검사는 숫자일 수 없습니다.

3. 브라우저에서 test.html 파일을 열고 멤버 이름을 입력한 후 버튼을 클릭하면 효과가 나타납니다.

jquery 양식 유효성 검사는 숫자일 수 없습니다.

정규 표현식 "/^[0-9]+$/"는 숫자로 시작하고 숫자로 끝나는 하나 이상의 숫자를 나타냅니다.

더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 비디오를 방문하세요! !

위 내용은 jquery 양식 유효성 검사는 숫자일 수 없습니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.