| Current File : //home/obabain/ms_obaba_in/SalesPerson.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="addsalesperson.jsp" method="post" >
<section id="main">
<div class="content">
<div class="row" style="width:80%">
<div class="col-md-9" >
<div class="panel panel-default" >
<div class="panel-heading main-color-bg">
<h3 class="panel-title">Sales Person</h3>
</div>
<div class="panel-body" >
<div align="right" >
<a style="float:right; margin-left:200px; background:#204b58;" href="viewsalesperson.jsp" class="btn btn-info" >View</a>
</div>
<div class="row" >
<div class="form-group col-xs-2">
<p> <label for="lastname" class="row" style="margin:5px;">Name</label></p>
<input id="lastname" class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter last name"
name="s_person" placeholder="name"/>
</div>
<div class="form-group col-xs-2">
<p> <label for="firstname" style="margin:5px;" >Phone number</label></p>
<input id="firstname" class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter first name"
name="t_number" placeholder="number"/>
</div>
<div class="form-group col-xs-3">
<p> <label for="gender" style="margin:5px;">Fax number</label></p>
<input id="lastname" class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter last name"
name="faxnumber" placeholder="Fax number"/>
</div>
</div>
<div class="row">
<div class="form-group col-xs-2">
<p> <label for="date" style="margin:5px;">Email</label></p>
<input id="lastname" class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter last name"
name="email" placeholder="Email"/>
</div>
<div class="form-group col-xs-2">
<p> <label for="date" style="margin:5px;">Group</label></p>
<select style="width:150px;margin:5px;" class="form-control" name="group">
<option>India</option>
</select>
</div>
</div>
<div class="row" >
<div class="modal-footer" id="contact_submit">
<input type="button" value="Back" style="background:#204b58;" class="btn btn-info pull-left" onclick="goBack()" />
<a class="btn btn-default" href="createCompany.jsp">Reset</a>
<button type="submit" style="background:#204b58;" class="btn btn-info" >Save Changes</button>
</div>
</div>
</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>