2016-06-09 26 views
0

我的表單驗證無法正常工作。我不會給它任何價值,它會給我留言「請輸入有效的電子郵件」,但它仍然會將其添加到我的列表中。表單驗證爲我提供了正確的錯誤消息,但讓表單提交

即使當我嘗試輸入一個不是電子郵件的值時,它會給我正確的信息,它會阻止我把它放入我的列表中,但是當我再次按下相同的錯誤值時它仍然會將它添加到我的列表中。

正如你可以在這裏看到:

enter image description here

這是列表: enter image description here

這我用表格和驗證碼:

<!DOCTYPE html> 
    <html lang="en"> 
<head> 
<meta charset="UTF-8"> 
<title>Cohorts</title> 

<body> 

<form id="register-form" class="form-horizontal" name="form" ng-submit="addCohort()"> 

<div class="form-group"> 

    <label class="control-label col-xs-3">Name:</label> 

<input id="email" name="email" placeholder="Email Address" type="text" ng-model="formCohort.name"> 

<input class = "btn-btn-primary" id="submit-button" type="submit" value="Sigin up"> 

<script> 
(function($,W,D) 
{ 
    var JQUERY4U = {}; 

    JQUERY4U.UTIL = 
    { 
     setupFormValidation: function() 
     { 
      //form validation rules 
      $("#register-form").validate({ 
       rules: { 
        firstname: "required", 
        lastname: "required", 
        email: { 
         required: true, 
         email: true 
        }, 
        password: { 
         required: true, 
         minlength: 5 
        }, 
        agree: "required" 
       }, 
       messages: { 
        firstname: "Please enter your firstname", 
        lastname: "Please enter your lastname", 
        password: { 
         required: "Please provide a password", 
         minlength: "Your password must be at least 5 characters long" 
        }, 
        email: "Please enter a valid email address", 
        agree: "Please accept our policy" 
       }, 
       submitHandler: function(form) { 
        form.submit(); 
       } 
       }); 
      } 
      }; 

    //when the dom has loaded setup form validation rules 
      $(D).ready(function($) { 
     JQUERY4U.UTIL.setupFormValidation(); 
    }); 

})(jQuery, window, document); 
</script> 

    </form> 
    </body> 
       </html> 

我在做什麼錯?

回答