为啥 jquery.validation.js 在我的项目中不起作用？
Posted
技术标签:
【中文标题】为啥 jquery.validation.js 在我的项目中不起作用？【英文标题】：Why is jquery.validation.js not working in my project?为什么 jquery.validation.js 在我的项目中不起作用？ 【发布时间】：2020-12-27 00:01:48 【问题描述】：我目前正在学习 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'
);
);
感谢有关该主题的任何帮助。
【问题讨论】：
【参考方案1】：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'
);
【讨论】：
以上是关于为啥 jquery.validation.js 在我的项目中不起作用？的主要内容，如果未能解决你的问题，请参考以下文章