Advertisement
Guest User

Untitled

a guest
Feb 25th, 2020
111
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.87 KB | None | 0 0
  1. <!DOCTYPE HTML>
  2. <html>
  3. <head>
  4. </head>
  5. <body>
  6. <p>Imię:</p><input id="inputImie" type="text" oninput="testImie(this); buttonCheck()" placeholder="Imię"><br>
  7. <p>Nazwisko:</p><input id="inputNazwisko" type="text" oninput="testNazwisko(this); buttonCheck()" placeholder="Nazwisko"><br>
  8. <p>PESEL:</p><input id="inputPesel" type="text" oninput="testPesel(this); buttonCheck()" placeholder="PESEL"><br>
  9. <p>Nr telefonu:</p><input id="inputNr" type="text" oninput="testNr(this); buttonCheck()" placeholder="Nr telefonu"><br>
  10. <p>Kod pocztowy:</p><input id="inputKod" type="text" oninput="testKod(this); buttonCheck()" placeholder="Kod pocztowy"><br>
  11. <p>Email:</p><input id="inputEmail" type="text" oninput="testEmail(this); buttonCheck()" placeholder="Email"><br>
  12. <p>Hasło:</p><input id="inputHaslo" type="password" oninput="testHaslo(this); buttonCheck()" placeholder="Hasło"><br>
  13. <p>Powtórz hasło:</p><input id="inputHasloPowt" type="password" oninput="testHasloPowt(this); buttonCheck()" placeholder="Powtórz hasło"><br>
  14. <input id="buttonSend" type="button" value="Wyślij" disabled style="margin-top: 10px;">
  15. <script>
  16. function testImie(value){
  17. let string = value.value;
  18. let reg = /^[A-Z]{1}[a-z]{2,}$/;
  19. if(reg.test(string) == true){
  20. document.getElementById("inputImie").style.borderColor = "green";
  21. }
  22. else{
  23. document.getElementById("inputImie").style.borderColor = "red";
  24. }
  25. }
  26. function testNazwisko(value){
  27. let string = value.value;
  28. let reg = /^[A-Z]{1}[a-z]{2,}$/;
  29. if(reg.test(string) == true){
  30. document.getElementById("inputNazwisko").style.borderColor = "green";
  31. }
  32. else{
  33. document.getElementById("inputNazwisko").style.borderColor = "red";
  34. }
  35. }
  36. function testPesel(value){
  37. let pesel = value.value;
  38. let tablicaWzor=[9,7,3,1,9,7,3,1,9,7];
  39. let suma=0;
  40. for(let i=0; i<10; i++){
  41. suma+=pesel.charAt(i)*tablicaWzor[i];
  42. }
  43. suma%=10;
  44. let miesiace=[31,29,31,30,31,30,31,31,30,31,30,31];
  45. for(let i=0;i<12;i++){
  46. if(pesel.charAt(4)+pesel.charAt(5)>miesiace[i])
  47. document.getElementById("inputPesel").style.borderColor = "red";
  48. }
  49. if(pesel.charAt(2)+pesel.charAt(3)>52){
  50. document.getElementById("inputPesel").style.borderColor = "red";
  51. }
  52. if(suma==pesel.charAt(10)){
  53. document.getElementById("inputPesel").style.borderColor = "green";
  54. }
  55. else{
  56. document.getElementById("inputPesel").style.borderColor = "red";
  57. }
  58. if(pesel.length!==11){
  59. document.getElementById("inputPesel").style.borderColor = "red";
  60. }
  61. }
  62. function testNr(value){
  63. let string = value.value;
  64. let reg = /^[0-9]{9}$/;
  65. if(reg.test(string) == true){
  66. document.getElementById("inputNr").style.borderColor = "green";
  67. }
  68. else{
  69. document.getElementById("inputNr").style.borderColor = "red";
  70. }
  71. }
  72. function testKod(value){
  73. let string = value.value;
  74. let reg = /^[0-9]{2}-[0-9]{3}$/;
  75. if(reg.test(string) == true){
  76. document.getElementById("inputKod").style.borderColor = "green";
  77. }
  78. else{
  79. document.getElementById("inputKod").style.borderColor = "red";
  80. }
  81. }
  82. function testEmail(value){
  83. let string = value.value;
  84. let reg = /[a-z0-9A-Z.][@][a-z0-9A-Z]{1,}[.][a-z0-9A-Z]{1,}/;
  85. if(reg.test(string) == true){
  86. document.getElementById("inputEmail").style.borderColor = "green";
  87. }
  88. else{
  89. document.getElementById("inputEmail").style.borderColor = "red";
  90. }
  91. }
  92. function testHaslo(value){
  93. let string = value.value;
  94. let reg = /[0-9A-za-z]+[|\$|@|\.|-|_|\*]/;
  95. if(reg.test(string) == true){
  96. document.getElementById("inputHaslo").style.borderColor = "green";
  97. }
  98. else{
  99. document.getElementById("inputHaslo").style.borderColor = "red";
  100. }
  101. }
  102. function testHasloPowt(value){
  103. let string = value.value;
  104. if(string == document.getElementById("inputHaslo").value){
  105. document.getElementById("inputHasloPowt").style.borderColor = "green";
  106. }
  107. else{
  108. document.getElementById("inputHasloPowt").style.borderColor = "red";
  109. }
  110. }
  111. function buttonCheck(){
  112. if(
  113. document.getElementById("inputImie").style.borderColor == "green" &&
  114. document.getElementById("inputNazwisko").style.borderColor == "green" &&
  115. document.getElementById("inputPesel").style.borderColor == "green" &&
  116. document.getElementById("inputNr").style.borderColor == "green" &&
  117. document.getElementById("inputKod").style.borderColor == "green" &&
  118. document.getElementById("inputHaslo").style.borderColor == "green" &&
  119. document.getElementById("inputHasloPowt").style.borderColor == "green"
  120. ){
  121. document.getElementById("buttonSend").disabled = false;
  122. }
  123. else{
  124. document.getElementById("buttonSend").disabled = true;
  125. }
  126. }
  127. </script>
  128. </body>
  129. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement