Create a barcode Using Javascript Jquery

Hello, if you want to create a barcode using javascript you can do it as follows.

You can download the js file from this link, latter you can create a function for use the barcode.

In html we create the next div and the next button

 <div id="barcode"></div>  
 <button type="button" id="brnBarCode" onclick="load();">Barcode</button>  

Remember include the script downloaded jquery-barcode.min.js and the jquery script in the html file, for example:

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>  
 <script src="<%=request.getContextPath()%>/static/js/jquery-barcode.min.js"></script>  

In this example we create a function called load, this function invoke the barcode method

 load = function(){  
  $("#barcode").barcode(  
  $('#docId').val(), // Value barcode (dependent on the type of barcode)   
  "code39" // types supported   
  );  
 }  

The button calls the function load, this function will create the barcode that it will be displayed in the div with id = barcode.

 Barcode types supported:  
 EAN 8  
 EAN 13  
 UPC  
 standard 2 of 5 (industrial)  
 interleaved 2 of 5  
 code 11  
 code 39  
 code 93  
 code 128  
 codabar  
 MSI  
 Data Matrix  

Reference: link