Simple form validation error - Returns error . $(...).valid is not a function

Simple form validation error - Returns error . $(...).valid is not a function

hi guys
I am trying to get a simple form validation and added my jquery scripts to my asp.net core razor pages. But getting an error 

what is wrong here



  3. <!DOCTYPE html>
  4. <html lang="en">
  5. <head>
  6.     <meta charset="utf-8" />
  7.     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  8.     <title>Personals - Xaxx</title>

  10.     
  11.         <link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.css" />
  12.         <link href="/lib/xxxx/css/main.css" rel="stylesheet" />

  14.         <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha384-xBuQ/xzmlsLoJpyjoggmTEz8OWUFM0/RC5BsqQBDX2v5cMvDHcMakNTNrHIW2I5f" crossorigin="anonymous"></script>


  17.         <script src="/lib/jquery/dist/jquery.js"></script>
  18.         <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
  19.         <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>



  23.         <script src="/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script>
  24.     
  25.     
  26.     <link rel="stylesheet" href="/css/site.css" />
  27.     
  28. </head>

My script

  2.  $(document).ready(function () {

  4.             $('#Main').show();
  5.             $('#Wait').hide();


  8.             $('#Add_Submit').on("click", function (e) {
  9.                 e.preventDefault();


  12.                   var form = $('#Add_Form');
  13.                // form.validate();
  14.                 if ($('#Add_Form').valid()) {//Valid
  15.                     alert('1  says  -' + form.valid());
  16.                    // form.focusInvalid();
  17.                     return false;
  18.                       Dawn(data);

  20.                 }
  21.                 else
  22.                 {//INVALID
  23.                      alert('2  says  -' + form.valid());
  24.                     form.focusInvalid();
  25.                 }

finally here is my html page

  2. <form id="Add_Form" action="/Users/Address_Add" method="post">
  3.                     <br /> 
  4.                     
  5.                     

  7.                     <div class="form-group">
  8.                         <label class="control-label" for="Username">Username</label>
  9.                         <input required class="form-control" maxlength="15" type="text" data-val="true" data-val-length="The field Username must be a string with a minimum length of 6 and a maximum length of 50." data-val-length-max="50" data-val-length-min="6" data-val-required="Please enter your chosen Username" id="Username" name="Username" value="" />
  10.                         <span class="text-danger field-validation-valid" data-valmsg-for="Username" data-valmsg-replace="true"></span>
  11.                     </div>


  14.                     <div class="form-group">
  15.                         <label class="control-label" data-val-required="“Message”" for="First_Name">First Name</label>
  16.                         <input required class="form-control" maxlength="50" type="text" data-val="true" data-val-length="The field First_Name must be a string with a minimum length of 2 and a maximum length of 50." data-val-length-max="50" data-val-length-min="2" data-val-required="Please enter the first name" id="First_Name" name="First_Name" value="" />
  17.                         <span class="text-danger field-validation-valid" data-valmsg-for="First_Name" data-valmsg-replace="true"></span>
  18.                     </div>

  20.                     <div class="form-group">
  21.                         <label class="control-label" for="Last_Name">Last Name</label>
  22.                         <input required class="form-control" maxlength="50" type="text" data-val="true" data-val-length="The field Last_Name must be a string with a minimum length of 2 and a maximum length of 50." data-val-length-max="50" data-val-length-min="2" data-val-required="Please enter the last name" id="Last_Name" name="Last_Name" value="" />
  23.                         <span class="text-danger field-validation-valid" data-valmsg-for="Last_Name" data-valmsg-replace="true"></span>
  24.                     </div>



  28.                     <div class="form-group">
  29.                         <label class="control-label" for="Mobile">Mobile</label>
  30.                         <input required class="form-control" maxlength="15" type="tel" id="Mobile" name="Mobile" value="" />
  31.                         <span class="text-danger field-validation-valid" data-valmsg-for="Mobile" data-valmsg-replace="true"></span>
  32.                     </div>




  37.                     <br />
  38.                     <hr />
  39.                     <br />
  40.                     <div class="form-group">
  41.                         <input type="submit" id="Add_Submit" value="Go !" class="btn" />
  42.                     </div>
  43.                     <br />
  44.                     <hr />
  45.                     <br />
  46.                  </form>