为什么 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'
    }
  });
});

感谢有关该主题的任何帮助。

【问题讨论】：

标签： javascript jquery validation

【解决方案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'
    }
  }
});

【讨论】：