modxws

[[!FormIt?
&hooks=`email,redirect`
&emailTpl=`contactFormTpl`
&emailFrom=`from@domain.com`
&emailFromName=`Your Site Name`
&emailSubject=`Message From Your Site Name`
&emailTo=`email@domain.com`
&redirectTo=`36`
&validate=`name:required, email:email:required, comments:required:stripTags` ]]

modxws

<form id="contactForm" action="[[~[[*id]]]]" method="post">
  <fieldset>
    <label for="name">Your Name* [[!+fi.error.name]]</label>
    <input type="text" name="name" id="name" value="First and last name[[!+fi.name]]" class="required" autofocus />
    <label for="email">Your Email* [[!+fi.error.email]]</label>
    <input type="email" name="email" id="email" value="example@domain.com[[!+fi.email]]" class="required" />
    <label for="phone">Your Phone Number</label>
    <input type="tel" name="phone" id="phone" value="555-555-5555" />
    <label for="budget">Project Budget</label>
    <input type="text" name="budget" id="budget" value="Ex. $5000 - $10k" />

modxws

<p>Name: [[+name]]</p>
<p>Email: [[+email]]</p>
<p>Phone: [[+phone]]</p>
<p>Budget: [[+budget]]</p>
<p>Comments: [[+comments]]</p>

modxws

$(document).ready(function(){  
 
  $("form#contactForm").submit(function() {
       //When the form is submitted
  });  
});  

modxws

$(document).ready(function(){  
 
    $("form#contactForm").submit(function() {
        //When the form is submitted
        var elem = $("form#contactForm").children('fieldset').children('input, textarea');
        var error,foc;
 
        //Loop through each input and textarea
        elem.each(function(index){
             

modxws

var elem = $("form#contactForm").children('fieldset').children('input, textarea');

modxws

elem.each(function(index){

modxws

if($(this).hasClass('required')==true){
  if(!this.value || this.value == this.defaultValue ) {

modxws

//Добавьте класс ошибки в CSS
$(this).addClass("error");
error = true;
if(!foc)foc = $(this).attr("id"); //Если "foc" (focus) пуст назначить его ID первого элемента, который не соответствует требованию.

modxws

if (error){
  if(foc)$('#'+foc).css("color","#000").css("fontStyle","normal").focus();
  return false;