Current File : //home/obabain/public_html/abc/salesman_group_add.jsp

<%@include file="master.jsp" %>

 <style type="text/css">
.highlight-error {
  border-color: red;
}
</style>
<script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<body>
<div class="row">
<form action="salesman_group_insert.jsp" method="post" id="contact" name="form1">
<section id="main">
<div class="container">
 <div class="row">
    <div class="col-md-10">
       <div class="panel panel-default">
       <div class="panel-heading main-color-bg">
                <h3 class="panel-title">Salesman Group</h3>
              </div>
     <div class="panel-body">
      <div class="headerbar-item pull-right">
 
<a href="salesman_group_view.jsp" style="background:#204b58" class="btn btn-info">View</a>
 
</div>
      <table class="table " id="tblGrid">
         <tbody>
          <tr>
         <td> 
        <div class="form-group">
          <label>Group Id</label>
          <input type="text" name="s_groupid" class="form-control" placeholder="Group shortcut id" style="width:200px;">
        </div>
        </td>
          <td>
         <div class="form-group">
          <label>Group Name</label>
          
<!--           <input type="text"   maxLength="19"   name="quantity" id="quantity" class="form-control" placeholder="Adhaar number" style="width:200px;">
 -->                
  <input type="text"  name="s_groupname"  class="form-control" placeholder="Group Name" style="width:200px;">
<!--        
        <span id="errmsg"></span>	<span class="error">This field is required</span> -->
        </div>
        </td>
        
          
         </tr>
        
        </tbody>
       </table>
      </div>
      <div class="modal-footer" id="contact_submit">
      <input type="button" value="Back" style="background:#204b58; margin-right:650px;" class="btn btn-info pull-left"  onclick="goBack()"/>
        <a class="btn btn-default" href="customer_group_add.jsp">Reset</a>
        <button type="submit" style="background:#204b58" class="btn btn-info" >Save Changes</button>
      </div>
 
    </div>
  </div>
</div>
</div>
</section>
<%-- <% }else{ 
     response.sendRedirect("login.jsp");
    } %> --%>
 <script src="http://cdn.ckeditor.com/4.6.1/standard/ckeditor.js"></script>
     <script src="http://cdn.ckeditor.com/4.6.1/standard/ckeditor.js"></script>  
   
 <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/additional-methods.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
 $('[data-type="adhaar-number"]').keyup(function() {
  var value = $(this).val();
  value = value.replace(/\D/g, "").split(/(?:([\d]{4}))/g).filter(s=>s.length > 0).join("-");
  $(this).val(value);
});

$('[data-type="adhaar-number"]').on("change, blur", function() {
  var value = $(this).val();
  var maxLength = $(this).attr("maxLength");
  if (value.length != maxLength) {
    $(this).addClass("highlight-error");
    alert("Aadhar card number not valid");
  } else {
    $(this).removeClass("highlight-error");
  }
});</script>
 <script type="text/javascript">
function goBack() {
    window.history.back();
   
};
</script>
</form>
</div>
</body>
</html>