2016-02-25 93 views
1

我試圖進行這裏看到的教程:http://meteortips.com/second-meteor-tutorial/validation/jQuery的.validation()不執行像它應該

我有我的site.js:

Template.inquiry.onRendered(function(){ 
    $('.request-form').validate(); 
}); 

在查詢模板,我有:

<template name="inquiry"> 
    <form class="request-form" id="request-form" method="post" action="#"> 
     <div class="row uniform 50%"> 
      <div class="6u 12u(mobilep)"> 
       <input type="text" name="name" id="name" value="" placeholder="Name" /> 
      </div> 
      <div class="6u 12u(mobilep)"> 
       <input type="email" name="email" id="email" value="" placeholder="Email" /> 
      </div> 
     </div> 
    </form> 
</template> 

然而,當我在一個無效的電子郵件類型,在.validate()函數沒有做什麼教程(吐出一條錯誤消息)說。

我該如何解決這個問題?

+0

使用id而不是class working。奇怪的。如果你添加一個答案,我會給你複選標記。 – user1072337

+0

除非在頁面上有*多個匹配*表單,否則選擇表單,'id','class'或任何其他jQuery選擇器對於'.validate()'方法沒有什麼不同。 ,'.validate()'只適用於* first *實例。 – Sparky

回答

0

由於我記得,因爲jQuery插件驗證工作正常,您應該在窗體上添加驗證(required/maxlength),所以它將在jQuery中複製。

嘗試使用$('#request-form').validate();。通過id獲得元素,而不是class。

+0

除非在頁面上有多個匹配表單,否則選擇表單,'id','class'或任何其他jQuery選擇器的方式對'.validate()'方法沒有什麼不同。 .validate()'只適用於* first *實例。請參閱:http://jsfiddle.net/eavmn6y5/ – Sparky