jQuery Validation

<!DOCTYPE html>
<html>
  <head>
    <style>input.error { border-color: red; }</style>
  </head>
  <body>
    
    <form id="exampleForm">
      <div>
        <label for="FirstName">First Name</label>
        <input type="text" name="Name" />
      </div>  
      <input type="submit" value="Submit">
    </form>
    
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>
    <script>
      $(function(){
        $("#exampleForm").validate({
          rules: {
            first_name: { 
              required: true
            }
          }
        });
      });
    </script>
  </body>
</html>

// Code goes here