jQuery 양식 유효성 검사 플러그인 formValidator(향상된 버전)

열거형 객체 사용법 :

코드 복사 코드는 다음과 같습니다.

 
//다양한 검증 메소드 지원되는 태그 유형 
sustainType: function(elem, settings) { 
var srcTag = elem.tagName; 
var stype = elem.type; 
switch(setting.validatetype) { 
case _validTypeEnum.InitValidator: 
 true를 반환합니다. 
case _validTypeEnum.InputValidator: 
if (srcTag == _validTagEnum.INPUT || srcTag == _validTagEnum.TEXTAREA || srcTag == _validTagEnum.SELECT) { 
 return true; 
} else { 
 return false; 
} 
case _validTypeEnum.CompareValidator: 
if (srcTag == _validTagEnum.INPUT || srcTag == _validTagEnum.TEXTAREA) { 
if (stype == _validTagTypeEnum.checkbox || stype == _validTagTypeEnum.radio) { 
return false; 
} else { 
return true; 
} 
return false ; 
case _validTypeEnum.AjaxValidator: 
if (stype == _validTagTypeEnum.text || stype == _validTagTypeEnum.textarea || stype == _validTagTypeEnum.file || stype == _validTagTypeEnum.password || stype == _validTagTypeEnum .select_one) { 
return true; 
} else { 
return false; 
} 
case _validTypeEnum.RegexValidator: 
if (srcTag == _validTagEnum.INPUT || srcTag == _validTagEnum.TEXTAREA) { 
if (stype == _validTagTypeEnum.checkbox || stype == _validTagTypeEnum.radio) { 
return false; 
} else { 
return 
} 
} 
false 반환 
case _validTypeEnum.FunctionValidator: 
true 반환 
} 
} 

 

코드 복사 코드는 다음과 같습니다.

//지정된 문자열의 길이를 가져옵니다

getLength: function(jqObj) { 
var elem = _GetDomObj( jqObj); 
var sType = elem.type; 
var len = 0; 
switch(sType) { 
case _validTagTypeEnum.text: 
case _validTagTypeEnum.hidden 🎜>case _validTagTypeEnum .password: 
case _validTagTypeEnum.textarea: 
case _validTagTypeEnum.file: 
var val = jqObj.val() 
var initConfig = $.formValidator.getInitConfig(elem.settings [0].validatorgroup); 
len = initConfig.wideword ? String.getCharLength(val) : val.length; 
break 
case _validTagTypeEnum.radio: 
len = $ ("input[type='" sType "'][name='" jqObj.attr("name") "']:checked").length; 
break 
case _validTagTypeEnum. select_one: 
case _validTagTypeEnum.select_multiple: 
len = jqObj.children(":selected").length; 
break; 
} 
return 
} 

 
2. 원본 버전에서는 확인 라벨의 개체 대신 확인 라벨의 ID가 각 메서드 간에 전달됩니다. 이렇게 하면 각 메서드의 ID를 기반으로 확인 라벨의 개체를 얻을 필요가 없습니다. 방법을 사용하여 코드 실행 속도와 성능을 향상시킵니다. 
3. 원본 버전에서는 플러그인에서 확인 성공, 오류 등에 대한 프롬프트 스타일이 제한되어 있습니다. 예를 들어, 오류 프롬프트 스타일 이름은 다음과 같습니다. 이 플러그인을 사용할 때 프롬프트에 있는 각 프롬프트 스타일의 이름을 주의하고 스타일의 중복이나 충돌을 피하십시오. 이는 사용하기 매우 불편합니다. 정말 좋은 플러그인은 js와 스타일(사용자가 설정해야 함)을 완전히 분리해야 합니다. 이는 프로그래밍의 '느슨한 결합'과 유사하지만, 이런 방식으로만 js와 스타일이 서로 종속될 수 있으며 더 나은 결과를 얻을 수 있습니다. 그래서 사용자가 플러그인에서 각 프롬프트 스타일을 구성할 수 있도록 했습니다(메소드의 매개변수 개체 속성으로). 주요 코드는 다음과 같습니다. 