jQuery 플러그인 기본 동작 확인

Question

jQuery 유효성 검사 플러그인을 사용할 때 기본 오류 메시지 배치 및 동작을 유지하려고합니다. validate() 객체의 속성을 설정할 때 기본 동작이 변경된 것 같습니다.

예를 들면. 내가 무엇을 얻을 내가 여기에 유효성 검사 객체의 속성을 수정하면

<input id="name" type="text" required/> 

된다

HTML 속성 : 나는 단순히 필수 속성 내 HTML 입력을 장식하는 경우 여기 결과입니다 :

내가 사용하고 코드 수정 :

를

$("[id$='emailForm']").validate({ 
    debug: true, 
    rules: { 
     txtEmail: { 
      required: true, 
      email: true 
     } 
    } 
}); 

그래서 무엇을 제공합니다. 모든 서식 및 게재 위치가 변경되는 이유는 무엇입니까? 무엇이 가장 기본적인 방법으로 되돌려 놓을 수 있습니까?

Answer 1

귀하의 코드 :

<input id="name" type="text" required/> 

required는 HTML5 유효성 검사 속성입니다. 첫 번째 그림에서 볼 수있는 것은 HTML5 호환 브라우저가 수행하는 작업뿐입니다 ... 플러그인과는 아무런 관련이 없습니다. 플러그인은 초기화하기 위해 .validate() 메소드를 호출 할 때까지 아무 작업도 수행하지 않습니다.

.validate() 메서드를 호출하면 jQuery 유효성 검사 플러그인을 초기화 한 다음 작업을 이어받습니다. 두 번째 그림은 플러그인의 기본 동작입니다. How to display messages from jQuery Validate plugin inside of Tooltipster tooltips?

Answer 2

처음으로 유효성 검사 개체를 만들 때 변수에 저장하고 나중에 유효성 검사를 트리거하는 데 사용합니다.

var validator = $("[id$='emailForm']").validate({ 
    debug: true, 
    rules: { 
     txtEmail: { 
      required: true, 
      email: true 
     } 
    } 
}); 

// Trigger validation at later point by invoking the valid method instead of validate 
var isValid = validator.valid();