title: Validating a form for ONLY letter inputs
body: <p>Im validating a form but im struggling to get it to only accept letters for firstname and lastname fields</p>
  
  <p>hope u can help</p>
  
  <p>heres my code:</p>
  
  <pre><code>$(document).ready(function(){
  // Place ID's of all required fields here.
  required = ["firstname", "lastname", "email"];
  // If using an ID other than #email or #error then replace it here
  email = $("#email");
  errornotice = $("#error");
  // The text to show up within a field when it is incorrect
  emptyerror = "Please fill out this field.";
  emailerror = "Please enter a valid e-mail.";
  onlyletters = "Only letters allowed.";
  
  $("#theform").submit(function(){    
      //Validate required fields
      for (i=0;i&lt;required.length;i++) {
          var input = $('#'+required[i]);
          if ((input.val() == "") || (input.val() == emptyerror)) {
              input.addClass("needsfilled");
              input.val(emptyerror);
              errornotice.fadeIn(750);
          } else {
              input.removeClass("needsfilled");
          }
      }
  
  
          // Only Letters.
      if (!/^([a-zA-Z])+$/.test(errornotice.val())) {
          errornotice.addClass("needsfilled");
          errornotice.val(onlyletters);
      }
  
  
      // Validate the e-mail.
      if (!/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(email.val())) {
          email.addClass("needsfilled");
          email.val(emailerror);
      }
  
      //if any inputs on the page have the class 'needsfilled' the form will not submit
      if ($(":input").hasClass("needsfilled")) {
          return false;
      } else {
          errornotice.hide();
          return true;
      }
  });
  
  // Clears any fields in the form when the user clicks on them
  $(":input").focus(function(){       
     if ($(this).hasClass("needsfilled") ) {
          $(this).val("");
          $(this).removeClass("needsfilled");
      }
  });
  }); 
  </code></pre>