2016-06-09 54 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> 

我在做什么错?

回答