0
我的表單驗證無法正常工作。我不會給它任何價值,它會給我留言「請輸入有效的電子郵件」,但它仍然會將其添加到我的列表中。表單驗證爲我提供了正確的錯誤消息,但讓表單提交
即使當我嘗試輸入一個不是電子郵件的值時,它會給我正確的信息,它會阻止我把它放入我的列表中,但是當我再次按下相同的錯誤值時它仍然會將它添加到我的列表中。
正如你可以在這裏看到:
這我用表格和驗證碼:
<!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>
我在做什麼錯?