Meteor, previewForm Jquery 플러그인이 작동하지 않습니다.

Question

저는 meteor를 사용하고 있습니다. jquery를 프로젝트에 추가했고 previewForm 플러그인 파일을 내 클라이언트/lib 디렉토리 (.js 파일 및 .css 파일)에 추가했습니다. 여기 내 양식

<form id="myform"> 
    <div class="form-group"> 
     <label for="Headline" class="col-sm-2 control-label">Headline</label> 
     <div class="col-sm-10"> 
      <input type="Headline" class="form-control" id="Headline" name ="jobHeadline" placeholder="Awesome coder wanted for an awesome company"> 
      <p>A single-line summary. This goes to the front page and across the network</p> 
     </div> 
    </div> 


<button id="preview" type="button" class="btn btn-primary" >Preview</button> 
<button id="submit" type="button" class="btn btn-primary formsubmit">Post Job</button> 

</form> 

하고 demo

같이 그것은 너무 오류 메시지가 표시되지 않은 미리보기가 표시되지 작동하지 않는

'click .formpreview': function(event){ 
         console.log("before plugin"); 
         $('#myform').previewForm(); 

      } 

onClick 이벤트와 previewForm 기능입니다 (나는 콘솔에 텍스트를 써서 테스트했다.)

내 코드에 어떤 문제가 있으며 양식 미리보기를위한 대안이 있습니다. 이에 대한 분위기 패키지가 있습니다.

감사

Answer 1

그것은 내가이

<input id="preview" type="submit" value="preview" class="btn btn-primary formpreview" > 

대신이

<button id="preview" type="button" class="btn btn-primary" >Preview</button> 

을 추가 내 양식에 내 실수 입니다