| Current File : //home/obabain/khb_obaba_in/customerNew.jsp |
<%@ include file="Connection.jsp" %>
<%Statement st=con.createStatement();
%>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-3-typeahead/4.0.2/bootstrap3-typeahead.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<script src="js/select2.min.js"></script>
<script src="js/jquery.datetimepicker.full.js"></script>
<script>
$('.select1').select2();
</script>
<style type="text/css">
.highlight-error {
border-color: red;
}
.template { display: none; }
</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>
<%@include file="master.jsp" %>
<div class="row" >
<form action="addcustomerNew.jsp" method="post" id="contact" name="jv">
<section id="main">
<div class="content">
<div class="row" >
<div class="col-md-9" >
<div class="panel panel-default" >
<div class="panel-heading main-color-bg">
<h3 class="panel-title">Create a New Customer</h3>
</div>
<div class="panel-body">
<div align="right" >
<a style="background:#204b58;" class="btn btn-info" href="ViewCustomer.jsp" >View</a>
</div>
<h3>Customer Information:</h3>
<div class="row" >
<div class="form-group col-xs-2">
<div class="onerow">
<p> <label for="firstname" style="margin:5px;" > Customer Name:</label></p>
<input class="form-control input-group-lg reg_name" style="width:170px;margin:5px;" type="text"
title="Enter first name"
name="name" id="cname" placeholder=" Customer Name"/>
</div></div>
<div class="form-group col-xs-2">
<p> <label for="lastname" style="margin:5px;"> Customer Address:</label></p>
<input id="lastname" class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter Address"
name="address" placeholder="Address"/>
</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 City"
name="city" placeholder="Place"/>
</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 State"
name="state" placeholder="Place"/>
</div>
<div class="form-group col-xs-2">
<p> <label for="lastname" style="margin:5px;"> Pin Code:</label></p>
<input id="pin" class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter Pin"
name="pincode" placeholder="Pin code" onkeyup="validpin();"/>
<a id="validpin"></a>
</div>
<!-- <div class="form-group col-xs-2">
<p> <label for="lastname" style="margin:5px;"> Customer group</label></p>
<select name="customer" class="form-control" class="form-control input-group-lg reg_name" style="width:150px;margin:5px;">
<%ResultSet rc=st.executeQuery("select * from customer");
while(rc.next())
{
%>
<option value="<%=rc.getString("id") %>"><%=rc.getString("CustmerGroupName") %></option>
<%} %>
</select>
</div> -->
</div>
<div class="row">
<div class="onerow">
<div class="form-group col-xs-2">
<p> <label for="lastname" style="margin:5px;"> Shipping Address:</label></p>
<input class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter address"
name="shaddress" placeholder="Address"/>
</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 City"
name="shcity" placeholder="Place"/>
</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 State"
name="shstate" placeholder="Place"/>
</div>
<div class="form-group col-xs-2">
<p> <label for="lastname" style="margin:5px;"> Pin Code:</label></p>
<input class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter Pin" id="pin2"
name="shpincode" placeholder="Pin code" onkeyup="validpin2()"/>
<a id="validpin2"></a>
</div>
</div>
</div>
<hr>
<h3>Contact Information:</h3>
<br><br>
<div class="row" >
<div class="form-group col-xs-2">
<div class="onerow">
<p> <label for="firstname" style="margin:5px;" > Contact Person: </label></p>
<input class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter contact name"
name="contactperson" placeholder="Name"/>
</div></div>
<div class="form-group col-xs-2">
<p> <label for="lastname" style="margin:5px;"> Designation:</label></p>
<input class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter designation"
name="designation" placeholder="Designation"/>
</div>
<div class="form-group col-xs-2">
<p> <label for="lastname" style="margin:5px;"> Contact Number:</label></p>
<input id="phone-number" class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="10 digit number"
name="mobile" placeholder="Mobile" onchange="validate()"/>
<span><a id="validphn"></a></span>
</div>
<div class="form-group col-xs-2">
<p> <label for="firstname" style="margin:5px;" > Email:</label></p>
<input class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter email" id="emailid" onchange="validemail()"
name="email" placeholder="Email"/>
<a id="validemail"></a>
</div>
<div class="form-group col-xs-2">
<p> <label for="firstname" style="margin:5px;" > Phone(office):</label></p>
<input class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter phone"
name="phone" placeholder="Phone(office)"/>
</div>
<div class="form-group col-xs-2">
<p> <label for="firstname" style="margin:5px;" > Mobile:</label></p>
<input class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter phone"
name="mobss" placeholder="Phone(office)"/>
</div>
</div>
<hr>
<h3>Company Information:</h3>
<br><br>
<div class="row" >
<div class="form-group col-xs-2">
<div class="onerow">
<p> <label for="firstname" style="margin:5px;" > GST No. </label></p>
<input class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter GST" id="gst"
name="tin" placeholder="GST" onchange="validGST()"/>
</div></div>
<div class="form-group col-xs-2">
<p> <label for="firstname" style="margin:5px;" > PAN</label></p>
<input class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter PAN" id="pannumber"
name="pan" placeholder="PAN" onchange="validPAN()"/>
</div>
<!-- div class="form-group col-xs-2">
<p> <label for="firstname" style="margin:5px;" >Designation </label></p>
<input 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;"> Phone (res)</label></p>
<input class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter phone"
name="ph" placeholder="Phone(Res)"/>
</div>
-->
<div class="form-group col-xs-2">
<p> <label for="lastname" style="margin:5px;"> Fax</label></p>
<input class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter fax"
name="fax" placeholder="Fax"/>
</div>
</div>
<hr>
<h3>Products:</h3>
<br><br>
<table style="width:500px;margin-left:200px"class="table table-bordered table-hover additionalMargin alignment" id="table1">
<thead><tr class="info">
<th style="width:150px">Sl No</th>
<th style="text-align:center;width:200px"> Product Name:</th> <!-- <th>Material Grade</th> --> <th></th></tr></thead>
<tr class='template'>
<td>
<input type="text" name="part[]" class="amt form-control" value="0">
</td>
<td>
<select class="form-control" name="product[]" id="ddlsname" style="width:100%;">
<option value="0"></option>
<%
ResultSet rs=st.executeQuery("select * from ip_products where family_id=7");
while(rs.next())
{
%>
<option value="<%=rs.getString("product_id")%>"><%=rs.getString("product_name") %></option>
<%} %>
</select>
</td>
<!-- <td>
<input type="text" name="material[]" class="amt form-control" value="0">
</td> -->
<!-- <td>
<span><input type="text" name="amt2[]" class="amt2 form-control" value="0"> </span>
</td> -->
<td><a href='#' onclick='deleteRow(this)'><i class='glyphicon glyphicon-trash'></a></td>
</tr>
</table>
<a id='add' style="margin-left:200px" class="pull-left btn btn-default">ADD</a><br>
<!-- <hr>
<h3>Customer Requirements:</h3>
<br><br>
-->
<%-- <div class="row" >
<div class="form-inline">
<div class="form-group">
<label style="margin:20px;">Chemical Report:</label>
<input type="checkbox" name="report[]" value="ChemicalReport ,<br>" style="margin-left:-22px;" />
</div>
  
<div class="form-group">
<label>Mechanical Test Report:</label>
<input type="checkbox" name="report" value="MechanicalTest ," />
</div>   
<div class="form-group">
<label>Micro Test Report:</label>
<input type="checkbox" name="report" value="MicroTestReport ," />
</div>   
<div class="form-group">
<label>Test Bar:</label>
<input type="checkbox" name="report" value="TestBar ," />
</div>   
<!-- <div class="form-group">
<label>Product Identification:</label>
<input type="checkbox" name="proi" value="1" />
</div>   
<div class="form-group">
<label style="margin:22px;"> Painting(option):</label>
<input type="checkbox" name="pain" style="margin-left:-20px;" value="1"/>
</div> -->
</div>
</div> --%>
<hr>
<h3>Bank Information:</h3>
<br><br>
<div class="row" >
<div class="form-group col-xs-2">
<div class="onerow">
<p> <label for="firstname" style="margin:5px;" > Account Number</label></p>
<input class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter a/c no"
name="ac" placeholder="Account code"/>
</div></div>
<div class="form-group col-xs-2">
<p> <label for="lastname" style="margin:5px;"> Account Name</label></p>
<input class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter a/c name"
name="an" placeholder="Account name"/>
</div>
<div class="form-group col-xs-2">
<p> <label for="firstname" style="margin:5px;" >IFSC Code</label></p>
<input class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter ifsc"
name="ifsc" placeholder="IFSC"/>
</div>
<div class="form-group col-xs-2">
<p> <label for="firstname" style="margin:5px;" >Credit period</label></p>
<input class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter credit period"
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 class="form-control input-group-lg reg_name" style="width:150px;margin:5px;" type="text"
title="Enter credit limit"
name="cl" placeholder="Credit limit" value="0"/>
</div>
</div>
<hr>
<div class="row">
<div class="form-group col-xs-8">
<p> <label for="firstname" style="margin:5px;" >Remarks</label></p>
<textarea name="remark" style="width:100%; height:100px;" class="form-control input-group-lg reg_name"></textarea>
</div>
<div class="form-group col-xs-2">
<p> <label for="firstname" style="margin:5px;" >Opening Balance</label></p>
<input type="text" name="openingbal" class="form-control" value="0.00">
</div>
<div class="form-group col-xs-2">
<p> <label for="firstname" style="margin:5px;" >Dr/Cr</label></p>
<select name="drcr" class="form-control" style="width:70px;">
<option value="D">Dr</option>
<option value="C">Cr</option>
</select>
</div>
</div>
</div>
<div class="modal-footer" id="contact_submit">
<input type="button" value="Back" style="background:#204b58;margin-right:720px" class="btn btn-info pull-left" onclick="goBack()"/>
<a class="btn btn-default" href="customerNew.jsp">Reset</a>
<button type="submit" style="background:#204b58" class="btn btn-info" onclick="validatename()" >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>
</form>
</div>
<script type="text/javascript">
function goBack() {
window.history.back();
};
</script>
<script>
function validate()
{
var phoneNumber = document.getElementById('phone-number').value;
var phoneRGEX = /^\d{10}$/;
var phoneResult = phoneRGEX.test(phoneNumber);
if(phoneResult==false)
{
alert('Enter valid phone number');
/* var msg=document.getElementById('validphn');
msg.text="Enter a valid phone number" */
}
//alert("phone:"+phoneResult );
}
</script>
<script>
function validemail()
{
var regexEmail = /\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
var email = document.getElementById("emailid");
if (regexEmail.test(email.value)) {
} else {
alert('Enter valid email id');
/* var msg=document.getElementById('validemail');
msg.text="Enter a valid email id"
*/
}
}
</script>
<script>
function validpin()
{
var regexp1=new RegExp("[^0-9]");
if(regexp1.test(document.getElementById("pin").value))
{
alert('only numbers are allowed');
/* var msg=document.getElementById('validpin');
msg.text="only numbers are allowed"
return false; */
}
}
</script>
<script>
function validpin2()
{
var regexp1=new RegExp("[^0-9]");
if(regexp1.test(document.getElementById("pin2").value))
{
alert('only numbers are allowed');
/* var msg=document.getElementById('validpin2');
msg.text="only numbers are allowed"
return false; */
}
}
</script>
<script>
function validPAN()
{
var panVal = document.getElementById("pannumber").value;
var regpan = /^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/;
if(regpan.test(panVal)){
// valid pan card number
}else {
alert('invalid pan card number');
}
}
</script>
<script>
function validGST()
{
var gstVal = document.getElementById("gst").value;
var reggst = /^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[1-9A-Z]{1}Z[0-9A-Z]{1}$/;
if(reggst.test(gstVal)){
// valid pan card number
}else {
alert('invalid GST number');
}
}
</script>
<script>
function validate()
{
//mobile
var phoneNumber = document.getElementById('phone-number').value;
var phoneRGEX = /^\d{10}$/;
var phoneResult = phoneRGEX.test(phoneNumber);
if(phoneResult==false)
{
alert('Enter valid phone number');
}
//email
var regexEmail = /\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
var email = document.getElementById("emailid");
if (regexEmail.test(email.value)) {
} else {
alert('Enter valid email id');
//pin
var regexp1=new RegExp("[^0-9]");
if(regexp1.test(document.getElementById("pin").value))
{
alert('only numbers are allowed');
}
//pin2
var regexp1=new RegExp("[^0-9]");
if(regexp1.test(document.getElementById("pin2").value))
{
alert('only numbers are allowed');
}
//GST
var gstVal = document.getElementById("gst").value;
var reggst = /^[0-9]{2}[A-Z]{5}[0-9]{4}[A-Z]{1}[1-9A-Z]{1}Z[0-9A-Z]{1}$/;
if(reggst.test(gstVal)){
// valid pan card number
}else {
alert('invalid GST number');
}
//PAN
var panVal = document.getElementById("pannumber").value;
var regpan = /^([a-zA-Z]){5}([0-9]){4}([a-zA-Z]){1}?$/;
if(regpan.test(panVal)){
// valid pan card number
}else {
alert('invalid pan card number');
};
</script>
<script>
//name
function validatename(){
var cname=document.getElementById("cname").value;
if(cname=='' || cname==null || cname==" ")
{
alert('Please enter Customer Name ');
}
};
</script>
</body>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.1/js/select2.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script>
$(function() {
initThings();
$('#add').on('click', function() { add_row($('#table1')); });
});
function add_row($table) {
var tr_id = $table.find('tr').length - 1;
var $template = $table.find('tr.template');
var $tr = $template.clone().removeClass('template').prop('id', tr_id);
$tr.find(':input').each(function() {
if($(this).hasClass('hasDatepicker')) {
$(this).removeClass('hasDatepicker').removeData('datepicker');
}
var input_id = $(this).prop('id');
input_id = input_id + tr_id;
$(this).prop('id', input_id);
var new_name = $(this).prop('name');
new_name = new_name.replace('[0]', '['+ tr_id +']');
$(this).prop('name', new_name);
$(this).prop('value', '');
});
$table.find('tbody').append($tr);
$('.byto:last').val(1);
$(".dateControl", $tr).datepicker({
dateFormat: "dd-mm-yy"
});
$(".selectType", $tr).select2();
$(".qty", $tr).select2();
$(".selectType:last").val(0).trigger("change");
$(".qty:last").val(0).trigger("change");
}
function initThings() {
add_row($('#table1'));
}
</script>
<script langauge="JavaScript">
function deleteRow(btn) {
var row = btn.parentNode.parentNode;
row.parentNode.removeChild(row);
var sum = 0;
var sum2=0;
$(".amt").each(function(){
sum += +$(this).val();
});
$(".total").val(sum);
$(".amt2").each(function(){
sum2 += +$(this).val();
})
$(".total2").val(sum2);
};
</script>
</html>