{call_header}
{assign var="actionReturn" value=$obj->actionReturn}
{literal}
<style>
    label.error{
        color: red;
    }
  </style>
<script type="text/javascript" src="{/literal}{$smarty.const.CONST_SITE_ADDRESS}{literal}js/jquery.validate.min.js"></script>

 <script>

   $(function() {
  
  // alert('hai');  
  
    $("#loginform").validate({
    
        rules: {
            email  : {"required": true,
                email : true
            }
      
        },
        
        messages: {
            email: "Please enter your User ID "
      
            }

  });
});

$(document).ready(function(){
$( "#error_2" ).change(function() {
  //alert( "Handler for .change() called." );
  $("#error_id2").hide();
});
});


  </script>
  {/literal}

    <section class="content_area clearfix">
<form method='post'   id='loginform'>
    <h2>Forgot password</h2>
      <div class="contnt_sec user_reg">
          <table width="100%" align="" cellspacing="0" cellpadding="0" border="0">
  <tbody>
 <tr>
                  <td WIDTH="300">User ID </td>
                  <td><input type="text" id="error_2" width="300" name="email" valtype="emailCheck-Please enter your valid user ID " value="{$actionReturn.data.email}" placeholder="Email ID" /></td>
                </tr>
                
  <tr>
    <th scope="row">&nbsp;</th>
    <td><input type="submit" style="text-decoration:none;" value="Submit" name="actionvar" class="back_btn">
  <div id="error_id2">  <font style="color:#FF0000;">{$obj->popPageError()}</font> </div>
    </td>
  </tr>
  <tr>
    <th scope="row">&nbsp;</th>
    <td>&nbsp;</td>
  </tr>
</tbody></table>
        </div>
</form>
      </section>
</div>
{call_footer}