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



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

  7.     
  8.         <link rel="stylesheet" href="/lib/bootstrap/dist/css/bootstrap.css" />
  9.         <link href="/lib/xxxx/css/main.css" rel="stylesheet" />

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


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



  14.         <script src="/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.js"></script>
  15.     
  16.     
  17.     <link rel="stylesheet" href="/css/site.css" />
  18.     
  19. </head>

My script

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

  2.             $('#Main').show();
  3.             $('#Wait').hide();


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


  6.                   var form = $('#Add_Form');
  7.                // form.validate();
  8.                 if ($('#Add_Form').valid()) {//Valid
  9.                     alert('1  says  -' + form.valid());
  10.                    // form.focusInvalid();
  11.                     return false;
  12.                       Dawn(data);

  13.                 }
  14.                 else
  15.                 {//INVALID
  16.                      alert('2  says  -' + form.valid());
  17.                     form.focusInvalid();
  18.                 }

finally here is my html page

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

  5.                     <div class="form-group">
  6.                         <label class="control-label" for="Username">Username</label>
  7.                         <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="" />
  8.                         <span class="text-danger field-validation-valid" data-valmsg-for="Username" data-valmsg-replace="true"></span>
  9.                     </div>


  10.                     <div class="form-group">
  11.                         <label class="control-label" data-val-required="“Message”" for="First_Name">First Name</label>
  12.                         <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="" />
  13.                         <span class="text-danger field-validation-valid" data-valmsg-for="First_Name" data-valmsg-replace="true"></span>
  14.                     </div>

  15.                     <div class="form-group">
  16.                         <label class="control-label" for="Last_Name">Last Name</label>
  17.                         <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="" />
  18.                         <span class="text-danger field-validation-valid" data-valmsg-for="Last_Name" data-valmsg-replace="true"></span>
  19.                     </div>



  20.                     <div class="form-group">
  21.                         <label class="control-label" for="Mobile">Mobile</label>
  22.                         <input required class="form-control" maxlength="15" type="tel" id="Mobile" name="Mobile" value="" />
  23.                         <span class="text-danger field-validation-valid" data-valmsg-for="Mobile" data-valmsg-replace="true"></span>
  24.                     </div>




  25.                     <br />
  26.                     <hr />
  27.                     <br />
  28.                     <div class="form-group">
  29.                         <input type="submit" id="Add_Submit" value="Go !" class="btn" />
  30.                     </div>
  31.                     <br />
  32.                     <hr />
  33.                     <br />
  34.                  </form>