contact.js

The function in this file adds data-parsley-required attributes to required fields of the note and adds validation messages as well. Character limits are set for the fields name, email, subject, and message.
Upon validating the form, if field requirements are not met, the window is scrolled to the location of the field.
Character counters are displayed for name, subject, and message.

Code Issues

• The required data-parsley message for each DOM element have a repeated span HTML element. Recommend extracting the span HTML element into a variable. This can make it easier to read what the required message is for name, email, subject, and message.

      
      name.attr("data-parsley-required-message",
          " " +
          "Error, a name is required. Please type in your name.");
      email.attr("data-parsley-required-message",
          " " +
          "Error, an email is required. Please type in your email.");
      email.attr("data-parsley-type-message",
          " " +
          "Error, this value should be an email. Please type in a valid email.");
      subject.attr("data-parsley-required-message",
          " " +
          "Error, a subject is required. Please type in a subject name.");
      message.attr("data-parsley-required-message",
          " " +
          "Error, a message is required. Please type in a message.");
      
    

• Name, email, subject, and message have their attributes set three times. Recommend coding a function that takes in two parameters: the DOM element, such as name, and an object of attributes that pairs the attribute name with its associated value.

$(document).ready(function () {
  $("#contact-info").parsley().on("form:validated", function () {
   $(".parsley-required").each(function () {
   $(".parsley-type").each(function () {
  name.keyup(function() {
  subject.keyup(function() {
  message.keyup(function() {