Current File : //home/obabain/anms_obaba_in/customerNew.jsp
 <%@ include file="Connection.jsp" %>
<%Statement st=con.createStatement();
%>
<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>
<%@include file="master_one.jsp" %>
<div class="row" >
<form  action="addcustomerNew.jsp" method="post" id="contact" name="form1">

<section id="main">
<div class="content">
 <div class="row" >
    <div class="col-md-9" style="width:80%;">
       <div class="panel panel-default" >
       <div class="panel-heading main-color-bg">
        <h3 class="panel-title">Customer</h3>
        </div>
        
     <div class="panel-body" style="background-color:#eae9e9;">
     <div align="right" >
<a  style="background:#009191;" class="btn btn-info"  href="ViewCustomer.jsp" >View</a>
 </div>
    <b>Personal Information</b>
       <div class="row" >
      
            <div class="form-group col-xs-2">
              
            <div class="onerow">
       
               <p> <label for="firstname" style="margin:5px;" > Name</label></p>
                <input  class="form-control input-group-lg reg_name"  style="width:150px;margin:5px;"  type="text" 
                       title="Enter first name" onKeyPress="return ValidateAlpha(event);"
                   name="name"   id="cname"    placeholder=" Name"/>
            </div></div>
              
            <div class="form-group col-xs-2">
               <p> <label for="lastname" style="margin:5px;"> 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;" > 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="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="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;" > 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="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="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>  
            <b>Contact Information</b>         
            <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>

            <hr>
            <b>Company 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 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>
            <b>Bank Information</b>         
            <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:#009191;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:#009191" 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>

<script type="text/javascript">

function isNumberKey(evt){  
//var e = evt || window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode
if (charCode != 46 && charCode > 31 
&& (charCode < 48 || charCode > 57))
    return false;
    return true;
}
	   
function ValidateAlpha(evt)
{
    var keyCode = (evt.which) ? evt.which : evt.keyCode
    if ((keyCode < 65 || keyCode > 90) && (keyCode < 97 || keyCode > 123) && keyCode !=32)
     
    return false;
    
        return true;
}
</script>

<script> 
function validateEmail(emailField){
    var reg = /^([a-z-0-9_\-\.])+\@([A-Z-a-z_\-\.])+\.([A-Za-z]{2,4})$/;

    if (reg.test(emailField.value) == false) 
    {
        alert('Invalid Email Address');
      return false;
      
    }
    else (emailField.value.length == 0) 
   
    return true;

}

</script>
</body>
</html>