동일한 TIme에서 jQuery 유효성 검사 및 필드 힌트 사용

Question

필드 힌팅과 함께 jQuery 유효성 검사 플러그인 (http://docs.jquery.com/Plugins/Validation/)을 사용하려고합니다.

문제는 필드 힌팅이 텍스트를 value 속성에 넣고 value 속성에 텍스트가 있기 때문에 유효성 검사 플러그인이 잘못된 것이 없음을 알 수 있습니다.

필자는 필드가 비어 있거나 필드 힌트와 동일한 텍스트가 필드에 포함되어 있으면 유효성 검사 오류를 던져야한다고 생각했습니다. 즉, 누군가가 이름 필드에 "First Name"을 입력했다면 오류가 발생할 것입니다.

코드는?

감사합니다!

도론을 암시와 함께 유효성 검사를 사용하는 우아한 방법은

Answer 1

은 "암시"코드 두 종류가 있습니다 거기에 (더 잘 알려 워터 마크 또는 장소로 사용 이전 텍스트) : 필드의 값을 대체하는 요소와 입력에 대해 일종의 요소를 배치하여 텍스트가 입력 내에있는 것처럼 보이게하는 요소.

첫 번째 종류를 사용하고 있다고 가정하기 때문에 이러한 종류의 문제를 완전히 피하고 두 번째 방법을 사용하는 플러그인으로 전환하는 것이 좋습니다. this one과 같이 이러한 방식으로 작동하는 많은 플러그인이 있습니다. 작동 방식을 반드시 읽어보십시오.

힌팅 코드를 변경할 수없는 경우 두 가지 대안이 있습니다. 모두 이상적 아니지만, 아마 하나는 당신에게 더 적합 할 것이다 : 어떤 선택을 취소 모든 입력을 통해에

지우기 값은 힌트 코드 내에서

를 제출 양식의 submit 이벤트에 결합하고, 루프를 그 힌트와 같은 값을가집니다.

이 방법의 문제는이 가 검증 플러그인이 초기화됩니다 전에 을 실행해야한다는 것입니다. 또한 입력 할 때 입력란 유효성 검사를 수행하지 않습니다. 또한 힌트 텍스트를 다시 입력하기 위해 유효성 검사 후에 입력을 다시 확인해야합니다.

오버라이드 (override)하는 .val() 검증 플러그인이 jQuery를 사용하기 때문에 값이 힌트 동일한 경우

, 당신은 ''를 반환하는 jQuery의 .val() 기능을 오버라이드 (override)하는 수

var oldVal = $.fn.val; 
$.fn.val = function() { 
    var returnVal = oldVal.call(this); 
    if (returnVal == hintVal) returnVal = ''; 
    return returnVal; 
}; 

명백한 단점 이 플러그인은 입력 값을 검색하는 데 항상 .val()을 사용해야합니다.