jquery ajax 사용자 등록 시 사용자 이름 이 존재 하 는 지 확인 합 니 다.

2353 단어 jqueryajax사용자 검색
우선 학년 을 추가 하 는 페이지 가 필요 합 니 다.잠시 grade.htm 이 라 고 합 니 다.이 파일 은 두 개의 파일 jquery.js(jquery 프레임 워 크 파일)와 grade.js(검 증 된 단독 파일)를 도입 해 야 합 니 다.아래 input 은 사용자 이름 을 입력 하 는 데 사 용 됩 니 다.id="gradeInfo"는 알림 정 보 를 표시 하기 위해 사 용 됩 니 다.grade.htm
 
<input type="text" size="6" name="NAME" id="NAME"/><font color="red">*</font> 
<span id="gradeInfo"></span>
사용자 가 정 보 를 입력 한 후에 검증 절차 에 들 어가 서 우리 의 검증 grade.js 가 어떻게 썼 는 지 보 세 요.grade.js
 
/** 
*           js 
* 
* @name grade.js 
* @author jason<msn:[email protected]> 
* @use           
* @todo 
*/ 
$(document).ready(function(){ 
checkConfirm(); 
}); 
//          
function checkConfirm(){ 
$("#NAME").blur(function(){ 
var gradename = $(this).val(); 
var changeUrl = "GradeAdmin.php?action=check&gradename="+gradename; 
$.get(changeUrl,function(str){ 
if(str == '1'){ 
$("#gradeInfo").html("<font color=\"red\">         ！     ！</font>"); 
}else{ 
$("#gradeInfo").html(""); 
} 
}) 
return false; 
}) 
}
위의 js 파일 은 제 가 비교적 중요 한 부분 만 설명 하 겠 습 니 다.1.$("\#NAME").blur 의 의 미 는 grade.htm 의 id 가 NAME 폼 에 입력 한 후에 동작 을 촉발 하 는 것 입 니 다.2.$(this).val()의 의 미 는 id 가 NAME 인 폼 의 값 을 얻 는 것 입 니 다.3.$.get(changeUrl,function(str)의 의 미 는 ajax 를 실행 한 후 changeUrl 은 연결 할 프로그램 주소 이 고 str 는 프로그램 계산 이 끝 난 후에 얻 은 디 스 플레이 구조 입 니 다.4.$("\#gradeInfo").html 의 의 미 는 id 가 gradeInfo 의 태그 에 html 파일 을 기록 하 는 것 입 니 다.id 가 gradeInfo 라 는 탭 은 grade.htm 의 id 가 gradeInfo 라 는 탭 을 말 합 니 다.표 시 된 내용 은 이 탭 이 있 는 위치 에 나타 납 니 다.GradeAdmin.php 의 계산 형식 을 다시 봅 시다.GradeAdmin.php
 
if($frm_action == 'check') 
{ 
$gradeName = $_GET['gradename']; 
$gradeAdminObj = new Services_GradeAdmin($db); 
//  $gradeName                   ，      1，   
     0，        grade.js 。 
$gradeCheck = $gradeAdminObj->getGradeByName($gradeName); 
if(is_numeric($gradeCheck)){ 
echo '1'; 
}else{ 
echo '0'; 
} 
exit(); 
}
이것 은 사용자 가 등록 할 때 사용자 이름 에 문제 가 있 는 지 판단 하 는 것 입 니 다.
JavaScript window.setTimeout()의 자세 한 용법
jQuery 체인 호출

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage