我目前正在学习jQuery，并使用jQuery.validate.js在客户端验证表单字段。问题是我无法得到任何输出。
我看过控制台；我以一个输入字段为目标，并将其属性转储到控制台，当我使用jquery.validate.js时，它就工作了，但什么都没有。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Validate</title>
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
</head>
<body>
<div class="container">
<form id="register">
<h2 class="display-4 mb-4">Registration Form</h2>
<div class="form-group">
<label for="email">Email</label>
<input name="email" placeholder="Email address" type="text" class="form-control">
</div>
<input class="btn btn-primary mt-5" id="submit-button" type="submit" value="Sign Up" role="button">
</form>
</div>
<script src="jquery-3.5.1.min.js"></script>
<script src="jquery.validate.js"></script>
<script src="validation.js"></script>
$(document).ready(function() {
$("#register").validate({
debug: true,
rules: {
required: true,
email: true
},
messages: {
required: 'You have to enter a valid email address',
email: 'You rmail is not valid'
}
});
});
如有任何有关该主题的帮助，我们将不胜感激。
validate()方法设置的语法不太正确。DOM中没有name="required"元素。该属性应该在email下，如下所示：
$("#register").validate({
debug: true, // remember to remove this after testing :)
rules: {
email: {
required: true
}
},
messages: {
email: {
required: 'You have to enter a valid email address'
}
}
});