| Current File : //home/obabain/autoclutchess_obaba_in/supplierK.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="addcustomer.jsp" method="post" id="contact" name="form1">
<section id="main">
<div class="container">
<div class="row" style="width:110%">
<div class="col-md-10" >
<div class="panel panel-default" >
<div class="panel-heading main-color-bg">
<h3 class="panel-title">Supplier</h3>
</div>
<div class="panel-body" >
<div class="row" >
<b>Personal Information</b> <div align="right" >
<input type="button" value="View Supplier" style="background:#204b58;margin-right: 50px" class="btn btn-info" />
</div>
<div class="form-group col-xs-2">
<div class="onerow">
<p> <label for="firstname" style="margin:5px;" >Supplier name</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="name" placeholder=" Name"/>
</div></div>
<div class="form-group col-xs-2">
<p> <label for="lastname" style="margin:5px;">Surname(optional)</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="address" placeholder="surname"/>
</div>
<div class="form-group col-xs-2">
<p> <label for="firstname" style="margin:5px;" >Language</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="place" placeholder="language"/>
</div>
<div class="form-group col-xs-2">
<p> <label for="gender" style="margin:5px;">Gender</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="pincode" placeholder="gender"/>
</div>
<div class="form-group col-xs-2">
<p> <label for="date" style="margin:5px;">Date</label></p>
<input id="lastname" class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="Date"
title="Enter last name"
name="pincode" placeholder="gender"/>
</div>
</div>
<hr>
<b>Contact Information</b>
<br><br>
<div class="row" >
<div class="form-group col-xs-2">
<div class="onerow">
<p> <label for="lastname" style="margin:5px;">Phone 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="mobile" placeholder="Phone Number"/>
</div></div>
<div class="form-group col-xs-2">
<div class="onerow">
<p> <label for="lastname" style="margin:5px;">Fax</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="mobile" placeholder="Fax"/>
</div></div>
<div class="form-group col-xs-2">
<p> <label for="lastname" style="margin:5px;"> Mobile</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="mobile" placeholder="Mobile"/>
</div>
<div class="form-group col-xs-2">
<p> <label for="firstname" style="margin:5px;" > Email</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="email" placeholder="Email"/>
</div>
<div class="form-group col-xs-2">
<p> <label for="lastname" style="margin:5px;">Web Address</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="contactperson" placeholder="Web Address"/>
</div>
</div>
<hr>
<b>Address Information</b>
<br><br>
<div class="row" >
<div class="form-group col-xs-2">
<div class="onerow">
<p> <label for="firstname" style="margin:5px;" > Street Address </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="Street Address" placeholder="Tin"/>
</div></div>
<div class="form-group col-xs-2">
<p> <label for="lastname" style="margin:5px;">Street Address2</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="cst" placeholder="Street Address2"/>
</div>
<div class="form-group col-xs-2">
<p> <label for="firstname" style="margin:5px;" > City</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="pan" placeholder="PAN"/>
</div>
<div class="form-group col-xs-2">
<p> <label for="firstname" style="margin:5px;" >State</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="designation" placeholder="designation"/>
</div>
<div class="form-group col-xs-2">
<p> <label for="lastname" style="margin:5px;">Zip code</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="ph" placeholder="Phone(Res)"/>
</div>
</div>
<div class="row" >
<div class="form-group col-xs-2">
<p> <label for="firstname" style="margin:5px;" >Country</label></p>
<select style="width:150px;margin:5px;" class="form-control" name="ccountry">
<option>India</option>
</select>
</div>
</div>
<hr>
<b>Tax Information</b>
<br><br>
<div class="row" >
<div class="form-group col-xs-2">
<div class="onerow">
<p> <label for="firstname" style="margin:5px;" > GST 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="ac" placeholder="GST Number"/>
</div></div>
<div class="form-group col-xs-2">
<p> <label for="lastname" style="margin:5px;"> TIN 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="an" placeholder="TIN Number"/>
</div>
<!-- <div class="form-group col-xs-2">
<p> <label for="firstname" style="margin:5px;" >Credit period</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="cp" placeholder="Credit Period"/>
</div>-->
<!-- <div class="form-group col-xs-2">
<p> <label for="lastname" style="margin:5px;">Credit limit</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="cl" placeholder="Credit limit"/>
</div> -->
<!-- <div class="form-group col-xs-2">
<p> <label for="firstname" style="margin:5px;" >Remarks</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="remark" placeholder="Remark"/>
</div>-->
</div>
<div class="row" >
<div class="modal-footer" id="contact_submit">
<input type="button" value="Back" style="background:#204b58;margin-right:720px" class="btn btn-info" />
<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>
</form>
</div>
</body>
</html>