2010-04-19 11 views
0

onSubmit을 사용하여 양식 콘텐츠를 RegEx와 비교하여 수용 가능한 콘텐츠에 대한 정적 매개 변수를 충족하는지 확인하는 방법에 대해 이미 알고 있습니다. 궁금한 점은 MySQL 데이터베이스에 대한 유효성 검사를 추가로 제공 할 수있는 방법이 있는지 여부입니다. 예를 들어 양식을 제출하기 전에 전자 메일 주소가 아직 사용되지 않았는지 확인하고 필드 데이터를 수정하기 위해 적절한 위치로 다시 가져옵니다.JavaScript의 고급 폼 유효성 검사

+1

기억하십시오 - 편의를 위해 클라이언트 측에서 서버 쪽 :: 유효성 검사를 계속 검증해야하며 보안을 위해 서버에서 유효성 검사를해야합니다 –

답변

1

유효한 모든 이메일 주소를 클라이언트에 보내지 않은 경우 (그렇지 않을 경우) 양식을 제출하는 것과 동일한 방법으로 필드 검증을 위해 일종의 서버 라운드 트립을해야합니다. 그러나 AJAX를 사용하면 사용자 경험이 손상되지 않고 양식을 완벽하게 검증 할 수 있습니다. 그 (것)들에게 그것은 다른 클라이언트 측 검증 같이 보일 것이다. AJAX 기반 유효성 검사를 코드 작성하기 쉽도록 만드는 JQuery 플러그인이 있지만 직접 롤업하는 것은 그리 어렵지 않습니다.

1

php, perl, python ... 자바 스크립트 (클라이언트 측 기술)가 mysql 서버 (serverside 기술)와 직접 통신 할 수 없기 때문에 서버 측 언어를 사용해야합니다.

자바 스크립트에서 전체 페이지 새로 고침을 방지하려면 AJAX 방법론을 사용할 수 있습니다. 크로스 브라우저 문제를 처리하고 풍부한 상호 작용 프로그래밍을 간소화하는 자바 스크립트 라이브러리 인 jquery과 $ .ajax() 함수를 사용해보세요. 이 플러그인은 jquery form 플러그인을 사용하여 매우 쉽게 만들었습니다.

1

대부분의 예제에서는 데이터베이스에서 조회를 수행하기 위해 서버에 대한 일종의 비동기 요청을 사용합니다. XMLHttpRequest 나 다른 Ajax 스타일 메소드를 사용한다.

이메일 주소를 확인하기 위해 빠른 HTTP 요청을 할 수있는 작은 URL 끝점을 만드는 것이 좋습니다. 간단한 JSON 응답으로 true 또는 false 중 하나를 반환 할 수 있습니다.