提交时的.validate()不起作用

时间:2016-06-10 12:28:20

标签: jquery forms validation

我为我的英语道歉...

当用户点击提交时,我想取消我的表单,而不是之前。 但是,当我点击提交页面重新加载!

我从工作模板,这可能是^^

的原因
<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
         }
     }
 });

1 个答案:

答案 0 :(得分:0)

您正在加载表单之前添加验证功能

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