Опубликовать значения в поле предупреждения после проверки

Question

У меня есть эта форма, на которой есть много валидации.

С чем я сталкиваюсь, когда все поля заполнены правильно, я хочу, чтобы значения полей отображались в окне предупреждения.

Вот мой код

<form method="post" name="form" id="form" class="form" action=""> 

      <div class="info align-right"><span class="error">*</span> Required</div> 

      <fieldset> 
       <div class="group"> 
        <label for="name">Name</label> 
        <input id="name" name="name" type="text" required /> 
       </div> 

       <div class="group"> 
        <label for="UserEmail">Email <span class="req">*</span></label> 
        <input type="text" name="UserEmail" id="UserEmail" value="" size="32" /> 
       </div> 

       <div class="group"> 
        <label>Password: <span class="req">*</span></label> 
        <input type="password" name="password" id="password" value="" size="32" /> 
       </div> 

       <div class="group"> 
        <label>Confirm Password: <span class="req">*</span></label> 
        <input type="password" name="password-check" id="password-check" value="" size="32" /> 
       </div> 
      </fieldset> 

      <fieldset class="clearfix"> 

       <div class="group options"> 
        <legend>Country</legend> 
        <div class="group--left"> 
         <input id="usa" name="country" type="radio"> 
         <label for="usa">United States</label> 

         <input id="argentina" name="country" type="radio"> 
         <label for="argentina">Argentina</label> 
        </div> 
       </div> 

       <div class="group"> 
        <label>Phone Number</label> 
        <div class="group--left"> 
         <input id="phone" name="phone" class="phone" type="tel" /> 
         <em>Example: <span id="example">123-456-7890</span></em> 
        </div> 
       </div> 

      </fieldset> 
       <div class="group--right"> 
        <input type="submit" value="Submit" id="submit" class="right" /> 
        <input type="reset" value="Clear" id="clear" class="left" /> 
       </div> 
      </form> 

Мой HTML является

<form method="post" name="form" id="form" class="form" action=""> 

      <div class="info align-right"><span class="error">*</span> Required</div> 

      <fieldset> 
       <div class="group"> 
        <label for="name">Name</label> 
        <input id="name" name="name" type="text" required /> 
       </div> 

       <div class="group"> 
        <label for="UserEmail">Email <span class="req">*</span></label> 
        <input type="text" name="UserEmail" id="UserEmail" value="" size="32" /> 
       </div> 

       <div class="group"> 
        <label>Password: <span class="req">*</span></label> 
        <input type="password" name="password" id="password" value="" size="32" /> 
       </div> 

       <div class="group"> 
        <label>Confirm Password: <span class="req">*</span></label> 
        <input type="password" name="password-check" id="password-check" value="" size="32" /> 
       </div> 
      </fieldset> 

      <fieldset class="clearfix"> 

       <div class="group options"> 
        <legend>Country</legend> 
        <div class="group--left"> 
         <input id="usa" name="country" type="radio"> 
         <label for="usa">United States</label> 

         <input id="argentina" name="country" type="radio"> 
         <label for="argentina">Argentina</label> 
        </div> 
       </div> 

       <div class="group"> 
        <label>Phone Number</label> 
        <div class="group--left"> 
         <input id="phone" name="phone" class="phone" type="tel" /> 
         <em>Example: <span id="example">123-456-7890</span></em> 
        </div> 
       </div> 

      </fieldset> 
       <div class="group--right"> 
        <input type="submit" value="Submit" id="submit" class="right" /> 
        <input type="reset" value="Clear" id="clear" class="left" /> 
       </div> 
     </form> 

Я также предоставил скрипку - http://jsfiddle.net/barrycorrigan/vzdp64m4/

Любая помощь очень ценится

Answer 1

попробовать что-то вроде этого ,

$("#form").submit(function(){ 
    var x = $(this).serializeArray(); 
    $.each(x, function(i, field){ 
     alert(field.name + " : " + field.value); 
    }); 
}); 

demo in FIDDLE