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>
我在做什么错?