jQuery 양식 유효성 검사 확장 코드 (2)_jquery

$.fn.extend({
checkRequired:function(inputArg){
//필수 필드만 필수 항목이 아닌 항목은 의미가 없습니다
if(inputArg.required){
//입력 상자 형식인지 확인
if($(this).is("input") || $(this).is ("textarea")){
//포커스 프롬프트 가져오기
$(this).bind("focus",function(){
//텍스트가 존재하는 경우, 프롬프트 스타일을 바꾸지 마세요
if ($(this).val() != undefine && $(this).val() != "") {
//올바른 정보 텍스트 표시
addText(inputArg.targetId,inputArg.onSuccessText);
//스타일 전환
addClass(inputArg.targetId,inputArg.onSuccessClass)
}else{
//포커스 텍스트 표시
addText(inputArg.targetId,inputArg.onFocusText);
//스타일 전환
addClass(inputArg.targetId,inputArg.onFocusClass)
}
});
$(this).bind(" 흐림",function(){
if($(this).attr("type")=="radio" || $(this).attr("type ")=="checkbox"){
var name=$(this).attr("name");
var items=$('input[@name="" name ""][checked] ');
if(items.length> ;0){
addMessage(true,inputArg)
}else{
addMessage(false,inputArg)
}
}else {
if($(this).val()!=undefine && $(this).val()!=""){
addMessage(true,inputArg)
}else{
addMessage(false,inputArg);
}
}
})
}
}
}
}); /
function addMessage(flag,inputArg) {
if(flag){
//올바른 정보 텍스트 표시
addText(inputArg.targetId,inputArg.onSuccessText)
//Switch style
addClass(inputArg.targetId,inputArg.onSuccessClass);
}else{
//오류 메시지 텍스트 표시
addText(inputArg.targetId,inputArg.onErrorText)
//Switch style
addClass(inputArg.targetId,inputArg.onErrorClass)
}
}
/**
* 다양한 유형의 입력 상자를 기준으로 결정
* @param {Object} 플래그
* @param {Object} inputArg
*/
function addText(targetId,text){
if( text==정의되지 않음){
text=" "
}
$("#" targetId).html(" " " text);
}
/**
* 표시된 텍스트 정보를 대상 컨트롤에 추가
* @param {Object} targetId 대상 컨트롤 id
* @param {Object} text 표시할 텍스트 정보
*/
function addClass(targetId,className){
if(className!=undefine && className!=""){
$("#" targetId).removeClass()
$( "#" targetId).addClass(className);
}
}


jQuery를 사용해 본 사람이라면 누구나 jQuery가 확장하기 매우 쉬운 프레임워크라는 것을 알고 있을 것입니다. 핵심 라이브러리를 확장합니다. 이 양식 유효성 검사는 이 확장 기능을 기반으로 확장됩니다.
여기서 일부 코드 재사용성 문제도 고려되었으며, 공통 코드가 분리되어 최종 코드가 크게 줄어듭니다.
jQuery 양식 유효성 검사 확장 필수 공통 메서드 추출