daily pastebin goal
77%
SHARE
TWEET

Untitled

a guest Apr 16th, 2018 50 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <HTML>
  2.  
  3. <HEAD>
  4.  
  5.     <meta charset="UTF-8">
  6.     <script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
  7.     <script src="http://ajax.microsoft.com/ajax/jquery.validate/1.6/jquery.validate.js"></script>
  8.  
  9.     <STYLE>
  10.         #formularz {
  11.             width: 60%;
  12.             margin: auto;
  13.             text-align: center;
  14.         }
  15.  
  16.         header {
  17.             text-align: center;
  18.  
  19.         }
  20.  
  21.         footer {
  22.             text-align: center;
  23.         }
  24.  
  25.         .rameczka {
  26.             border: thin black solid;
  27.             margin: 20px auto;
  28.             width: 800px;
  29.             visibility: hidden;
  30.         }
  31.        
  32.         th {
  33.             text-align: left;
  34.         }
  35.        
  36.         #przedmioty table {
  37.             width: 100%;
  38.         }
  39.  
  40.     </STYLE>
  41.    
  42.     <script>
  43.  
  44.     $(document).ready(function(){
  45.         $('#dodajButton').click(function(){
  46.             $('div').css('visibility', 'visible');
  47.             var a=$('#towar').val();
  48.             var b=$('#kod').val();
  49.             var c=$('#netto').val();
  50.             var d=$('#vat').val();
  51.             var e=$('#brutto').val();
  52.             var f=$('#kat').val();
  53.             var g=$('#opcje').val();
  54.             var h=$('#ocena').val();
  55.             var z= Number($('#przedmioty table tr:last td:first').html())+1;
  56.             $('#przedmioty table').append('<tr><td>' + z +'</td><td>' + a + '</td><td>' + b + '</td><td>' + c + '</td><td>' + d + '</td><td>' + e + '</td><td>' + f + '</td><td>' + g + '</td><td>' + h + '</td></tr>')
  57.         })
  58.     });
  59.      
  60. </script>
  61.    
  62.    
  63.    
  64. </HEAD>
  65.  
  66. <BODY>
  67.     <SCRIPT>
  68.         function walidacja(formularz) {
  69.             var towar = formularz.towar.value;
  70.             var regTowar = /^[A-Z]{0,10}$/;
  71.  
  72.             var kod = formularz.kod.value;
  73.             var regKod = /^[A-Za-z0-9]{2}\-[A-Za-z0-9]{2}$/;
  74.  
  75.             var netto = formularz.netto.value;
  76.             var regNetto = /^[0-9]{1,}\.[0-9]{2}$/;
  77.            
  78.             var vat = formularz.vat.value;
  79.             var regVat = /^[0-9]{1,}$/;
  80.            
  81.             var kat = formularz.kat.value;
  82.            
  83.            
  84.             var opcje = formularz.opcje.value;
  85.            
  86.            
  87.             var ocena = formularz.ocena.value;
  88.            
  89.            
  90.  
  91.  
  92.             if (towar == "")
  93.                 document.getElementById('id1').innerHTML = 'Pole wymagane';
  94.             else
  95.             if (!regTowar.test(towar))
  96.                 document.getElementById('id1').innerHTML = 'Wpisz poprawny towar';
  97.             else document.getElementById('id1').innerHTML = '';
  98.  
  99.             if (kod == "")
  100.                 document.getElementById('id2').innerHTML = 'Pole wymagane';
  101.             else
  102.             if (!regKod.test(kod))
  103.                 document.getElementById('id2').innerHTML = 'Wpisz poprawny kod';
  104.             else document.getElementById('id2').innerHTML = '';
  105.  
  106.             if (netto == "")
  107.                 document.getElementById('id3').innerHTML = 'Pole wymagane';
  108.             else
  109.             if (!regNetto.test(netto))
  110.                 document.getElementById('id3').innerHTML = 'Wpisz poprawną cenę';
  111.             else document.getElementById('id3').innerHTML = '';
  112.            
  113.             if (vat == "")
  114.                 document.getElementById('id4').innerHTML = 'Pole wymagane';
  115.             else
  116.             if (!regVat.test(vat))
  117.                 document.getElementById('id4').innerHTML = 'Wpisz poprawny vat';
  118.             else document.getElementById('id4').innerHTML = '';
  119.            
  120.             if (kat == "")
  121.                 document.getElementById('id6').innerHTML = 'Pole wymagane';
  122.  
  123.             if (opcje == "")
  124.                 document.getElementById('id7').innerHTML = 'Pole wymagane';
  125.            
  126.             if (ocena == "")
  127.                 document.getElementById('id6').innerHTML = 'Pole wymagane';
  128.  
  129.         }
  130.  
  131.     </SCRIPT>
  132.  
  133.     <header> Projekt JavaScript i jQuery </header>
  134.  
  135.     <form id="formularz">
  136.  
  137.         <p> Nazwa towaru: <input type="text" name="towar" id="towar" />
  138.             <p id='id1'></p>
  139.  
  140.         </p>
  141.  
  142.         <p> Kod towaru: <input type="text" name="kod" id="kod" />
  143.             <p id='id2'></p>
  144.         </p>
  145.  
  146.         <p> Cena natto: <input type="text" name="netto" id="netto" />
  147.             <p id='id3'></p>
  148.         </p>
  149.  
  150.         <p> Stawka VAT: <input type="text" name="vat" id="vat" />
  151.             <p id='id4'></p>
  152.         </p>
  153.  
  154.         <p> Cena brutto: <input type="text" name="brutto" id="brutto" />
  155.             <p id='id5'></p>
  156.         </p>
  157.  
  158.         <p> Kategoria towarowa: <select name="kat">
  159.            
  160.             <option value="">Kategorie</option>
  161.             <option value="1" id="1">Kat 1</option>
  162.             <option value="2" id="2">Kat 2</option>
  163.             <option value="3" id="3">Kat 3</option>
  164.            
  165.         </select>
  166.             <p id='id6'></p>
  167.  
  168.         </p>
  169.  
  170.         <p> Opcje towaru:<br>
  171.             Opcja 1 <input type="checkbox" name="opcje" id="opcje"/><br>
  172.             Opcja 2 <input type="checkbox" name="opcje" id="opcje"/><br>
  173.             Opcja 3 <input type="checkbox" name="opcje" id="opcje"/><br>
  174.             Opcja 4 <input type="checkbox" name="opcje" id="opcje"/><br>
  175.             Opcja 5 <input type="checkbox" name="opcje" id="opcje"/><br>
  176.             <p id='id7'></p>
  177.         </p>
  178.  
  179.         <p> Ocena towaru:<br>
  180.             1 <input type="radio" name="ocena" id="ocena" /><br>
  181.             2 <input type="radio" name="ocena" id="ocena"/><br>
  182.             3 <input type="radio" name="ocena" id="ocena"/><br>
  183.             4 <input type="radio" name="ocena" id="ocena"/><br>
  184.             5 <input type="radio" name="ocena" id="ocena"/><br>
  185.             <p id='id8'></p>
  186.         </p>
  187.  
  188.         <p>
  189.             <input type="button" value="Dodaj" onClick='walidacja(this.form)' id="dodajButton" />
  190.             <input type="reset" value="Anuluj" />
  191.         </p>
  192.  
  193.     </form>
  194.  
  195.  
  196. <div id="przedmioty" class="rameczka">
  197.  <table>
  198.  <tr><th>Lp.</th><th>Nazwa towaru</th><th>Kod towaru</th><th>Cena netto</th><th>Stawka VAT</th><th>Cena brutto</th><th>Kategoria</th><th>Opcja towaru</th><th>Ocena</th></tr>
  199.  <tr></tr>
  200.  
  201.  </table>
  202.  </div>
  203.  
  204.     <footer> Rower</footer>
  205.  
  206. </BODY>
  207.  
  208. </HTML>
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top