.validate（）上提交不起作用

Question

我，我的英語道歉......

我想我的Valide表單時，在用戶點擊提交，而不是之前。 但是，當我點擊提交頁面重新加載！

我下班的模板，這可能是原因^^

<form method="POST" class="frm_etape" name="frm_etape1" id="frm_etape1"> 
    <input type="text" class="inp-etapes col-md-3" id="nom" name="surface" placeholder="Surface (m²)" required /> 
    <input type="submit" class="inp-envoyer" value="OK" /> 
</form> 

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.15.0/jquery.validate.min.js"></script> 
<script> 
$("#frm_etape1").validate({ 
    rules: { 
     surface: { 
      required: true, 
      number: true 
     } 
    } 
}); 

Answer 1

你加入驗證功能之前加載形式

$(document).ready(function(){ 
    $("#frm_etape1").validate({ 
     rules: { 
      surface: { 
       required: true, 
       number: true 
      } 
     } 
    }); 
})