jQuery와 PHP로 사용자가 입력한 데이터의 유효성을 검사

우리의 클라이언트 쪽 형식 인해 jQuery로 매우 쉽게되어 확인하지만, 사용자의 입력이 그들이 서버 쪽 체크 아웃을 복제하는 것이 좋습니다 기대했던 그대로 제공되었음을 확실히해야합니다.

우리는 서버 (따라서 예를 들어, PHP와 함께)와 통신할 수 AJAX를 사용하는 경우 그러나 우리는 서버에 직접 모든 검사를 위임하도록 결정할 수 있습니다.

사건의 준비

우리의 예를 들면, 우리는 분명 신실의 jQuery PHP와 jQuery UI가 필요

작성 당시, jQuery UI 패키지 버전 1.8.10과 jQuery 스크립트 1.4.4을 포함, 그래서 제가 설명이 새로운 jQuery 1.5 사용하는 유혹에지다하지 여기서 제안된 번들 "만족"과.

롤러의 주제에 중립적인 테마를 선택 UI를 :

그러면 우리가 필요 한건 다운로드로 이동합니다

패키지에 다운로드합니다. "JS"유용한 jquery와 jquery - UI - 1.4.4.min.js - 1.8.10.custom.min.js는 폴더 안에 JS, CSS의 같은 이름의 폴더 안에 우리가 스스로를 해방시킬 수 있다고 index.html 페이지로 개발 번들 폴더 및 파일

우리는 나무 라인의 모든 구조와 그 결과로 보여줍니다의 이클립스 :

당신이 remote.php : 당신이 이미지에서 볼 수 있듯이 우리가 루트에 index.html 페이지 파일을 추가, style.css에 JS와 CSS의 index.js, 우리는 또한 파일 안에있는 폴더에 "PHP"를 만들어 서버측 유효성 검사 처리.

시나리오

본 문서의 이미지 연락처 가상 데이터베이스에 그들을 저장하기 위해 사용자 데이터의 수집을위한 간단한 양식을 만들 수 있습니다.

우리는 사용자와 우리의 목적을 넘어되지 않습니다 실제 데이터 저장에 의해 입력 필드의 검증에 초점을 맞출 것이다, 그것은 다음 취득한 정보의 포함에 대한 데이터베이스 호출의 올바른 위치에 넣어 충분하다. 우리는 jQuery UI 구성 요소 대화 상자의 사용은 사용자가 알림을 표시하므로 더 시각 것을 기쁘게 현대 고전 브라우저가 제공하는 알림을 만들 것입니다.

• <<
• 1
• 2
• 3
• 4
• >>