jQuery Validar campos de texto

안녕하세요 제 이름은 Alex Joel입니다이 비디오에서는 세 가지 텍스트 필드의 유효성을 검사하는 방법을 보여줍니다 jQuery 사용하기 좋은 이미 프로젝트 폴더가 있습니다

jquery min을 다운로드했습니다 이제 새 파일을 만들겠습니다 나는 그대로 유지한다 색인 HTML 이제 5 개의 html 구조를 만들겠습니다

우리가 수입하는 제목보다 훨씬 아래에 jquery 파일 이제는 몸 안쪽에 라벨 센터를 놓습니다 이제 우리는 다음 입력을 만들려고합니다 a h3 편지 만 우리는 그것을 복사한다 번호 만 이메일의 유효성을 검사하다 잘 지금 우리가 브라우저에 가면 잘 jquery라는 폴더를 찾습니다

아주 좋아 나에게 다음을 보여주고있다 제목이있는 텍스트 필드 우리는 단지 가사를 입력 할 수있는 텍스트 필드 이메일을 확인하고 이메일을 확인하십시오 좋은 이제 다른 파일을 만들자 우리는 유효성을 검사하다

js 이제 알기 쉽게 함수를 만들자 괄호 안에 다음과 같은 매개 변수를 넣습니다 이제 key라는 변수를 선언합니다 점 매개 변수를 배치합니다 그리고 우리는 다음 이벤트를 배치합니다

o 다음 행사 이제는 key라는 다른 변수를 선언합니다 우리가 그를 배정한다 끈 괄호 안에 변수 키를 배치합니다 점 좋은 이제 다른 변수를 선언합니다 전화 문안 우리는 다음 체인을 할당합니다

모음과 자음이 들어 있습니다 텍스트 필드에 입력 할 수있는 이제 합의를 선언 할 것입니다 특별하다고 불리는 우리가 그를 배정한다 우리는 값 8에 위치합니다 37 세 39 세 및 46 즉,이 숫자는 하나의 열쇠 즉, 46의 가치가 열쇠입니다 점 그리고이 배열 안에있는 값 열쇠의 값입니다

우리가 들어갈 수없는 이제 다른 변수를 선언합니다 그것을 false로 초기화한다 이제 우리는 우리는 특별 협정을 배치한다 이 사이클을위한 아주 좋은 협정 안에있는 모든 것을 통과 할 것입니다 즉,이 값들 주기 내에서 변수 키와 배열을 평가합니다

우리는 조건을 만든다 우리는 가변 키 동일하면 우리는 합의를했다 괄호 안에 사이클의 변수 i를 넣습니다 이제 키 변수가이 조건을 만족하면 똑같아 협상 내용 다음을 포함하는 키 우리가 입력하는 키의 코드 이 조건이 충족되면 우리의 가변 특수 키는 false와 같고 우리는 휴식을 취합니다

에 대한 사이클에서 잘 우리는 다음 조건을 만든다 우리는 이미 첫 번째 기능을 완료했습니다 우리가 들어갈 수있게 해주는 텍스트 필드의 문자 만 우리는 스크립트를 복사한다 우리는 그 이름을 확인한다 js 현장에서 잘 지내다 여기서 우리는 단지 텍스트를 입력 할 것입니다 우리는 우리의 기능을 부르기 위해 보낸다 유일한 편지 우리가 브라우저에 가면 지금 아주 좋아 우리는 업데이트 지금 내가 편지를 입력하려는 필드에 나는 번호를 입력 할거야

아주 잘 그것은 내가 숫자 만 문자를 입력하게하지 않습니다 대문자 절대적으로 요점은 아니다 공백 나는 제거 할 수있다 아주 잘 우리는 이미 첫 번째 필드를 가지고 있습니다 편지 만 입력하면됩니다 이제 우리는 모든 기능을 수집하고 싶습니다

우리는 그것을 붙인다 우리는 그것을 바꿨다 오직 수 문자열이있는 문자 변수를 사용할 수 있습니다 우리는 숫자를 위해 그것을 바꿨다 잘 여기에 숫자를 넣어 numbers 변수 우리는 이미 우리의 기능을 가지고 있습니다

숫자 만 입력하면됩니다 잘 지금 우리가 그 함수를 호출하기 위해 보내는 숫자를 입력 할 텍스트 필드 번호 만 이제 우리는 브라우저로 간다 우리는 업데이트 나는 가사를 입력 할거야 내가 숫자를 입력하면 글자를 입력 할 수 없다 올바른 그럼 내가 한 지점에 들어가고 싶다면 어떻게 될까? 그것은 내가 어떤 점도 입력하게하지 않는다

공간도 없지만 제거 할 수 있다면 들어갈 수있게 잘 소수점 우리가 무엇을 할 것인가? 수정하다 우리는 그것을 진실하게 말한다 우리는 값 46을 도트 키의 값으로 남겨 둡니다 이제 브라우저로 이동하여 업데이트합니다 나는 숫자를 입력 할 것이다 소득이 포인트라면 어떻게 될까요? 아주 잘, 나는 요점을 입력 할 수 있습니다

십진법의 아주 좋아 우리는 우리의 분야가있다 우리는 가사 만 입력 할 수 있습니다 우리가 할 수있는 번호를 지금 입력 할 수있는 분야는 이메일로 확인 될 것입니다 우리의 텍스트 필드 좋아, 다음 함수를 만들어 보자

이제 다른 함수를 만들자 우리는 전자 메일의 유효성 검사를 호출합니다 우리가 배치하는 괄호 안쪽 다음 매개 변수 함수 안에서 우리는 다음 변수를 선언한다 우리는 정규 표현식 이메일 이제 우리는 다음 반환을 놓습니다 지금 우리는 언제 우리의 버튼을 확인합니다

누르다 우리는 우리 단추가 가지고있을 이드 검증하다 클릭 이제 이메일 필드의 ID를 평가합니다 비어있는 경우 조건이 충족되면 Google에 표시합니다 경계 지금은 다른 경우 if 유효한 함수 전자 메일을 배치합니다 우리는 이드를 배치한다

이 조건이 충족되면 우리를 보여줘 유효한 이메일 알림 지금 그렇지 않으면 다음 메시지가 표시되지 않습니다 이메일이 유효하지 않습니다 아주 잘 우리는 우리의 이메일을 검증 할 수있는 기능을 이미 가지고있다 우리의 텍스트 필드에 잘 우리는 이메일을 검증 할 곳에서 ID를 배치합니다

전화 이메일 우리는 다음 버튼을 넣는다 이드와 함께 검증하다 아주 좋아 이제 우리는 브라우저로 가서 업데이트합니다 이미 확인 버튼이 있습니다 지금 예, 우리는 텍스트 필드에 무엇이든 넣습니다

우리가 확인한다 이메일이 유효하지 않은 다음 메시지를 보여줍니다 올바른 지금 내가 유효한 이메일을 넣으면 아주 잘 다음 메시지를 보여줘 이메일 유효한 올바른 부적절한 이메일 나에게 스크립트 바를 받아들이지 마라 유효한 이메일 나는 대본을 썼다

올바른 지금 그가 arroba를 가져 간다면 유효하지 않은 내가 그것을 놓기 전까지는 유효하지 않다 어느 쪽이든 com 아주 좋아 지금까지 좋은 친구가이 비디오 자습서와 함께 왔습니다 우리가 검증 한 곳 3 개의 텍스트 필드 글자 만 입력 할 수있는 jquery를 사용합니다

우리는 단지 번호를 입력 할 수있는 하나 소수점을 입력 할 수 있도록 수정했습니다 이메일의 유효성을 검사하는 또 다른 텍스트 필드 이 비디오 튜토리얼이 매우 유용 할 것이기를 바랍니다 다음 동영상까지 볼 수 있으며 구독하는 것을 잊지 마세요 신의 축복이 있기를