Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML>
- <html>
- <head>
- </head>
- <body>
- <p>Imię:</p><input id="inputImie" type="text" oninput="testImie(this); buttonCheck()" placeholder="Imię"><br>
- <p>Nazwisko:</p><input id="inputNazwisko" type="text" oninput="testNazwisko(this); buttonCheck()" placeholder="Nazwisko"><br>
- <p>PESEL:</p><input id="inputPesel" type="text" oninput="testPesel(this); buttonCheck()" placeholder="PESEL"><br>
- <p>Nr telefonu:</p><input id="inputNr" type="text" oninput="testNr(this); buttonCheck()" placeholder="Nr telefonu"><br>
- <p>Kod pocztowy:</p><input id="inputKod" type="text" oninput="testKod(this); buttonCheck()" placeholder="Kod pocztowy"><br>
- <p>Email:</p><input id="inputEmail" type="text" oninput="testEmail(this); buttonCheck()" placeholder="Email"><br>
- <p>Hasło:</p><input id="inputHaslo" type="password" oninput="testHaslo(this); buttonCheck()" placeholder="Hasło"><br>
- <p>Powtórz hasło:</p><input id="inputHasloPowt" type="password" oninput="testHasloPowt(this); buttonCheck()" placeholder="Powtórz hasło"><br>
- <input id="buttonSend" type="button" value="Wyślij" disabled style="margin-top: 10px;">
- <script>
- function testImie(value){
- let string = value.value;
- let reg = /^[A-Z]{1}[a-z]{2,}$/;
- if(reg.test(string) == true){
- document.getElementById("inputImie").style.borderColor = "green";
- }
- else{
- document.getElementById("inputImie").style.borderColor = "red";
- }
- }
- function testNazwisko(value){
- let string = value.value;
- let reg = /^[A-Z]{1}[a-z]{2,}$/;
- if(reg.test(string) == true){
- document.getElementById("inputNazwisko").style.borderColor = "green";
- }
- else{
- document.getElementById("inputNazwisko").style.borderColor = "red";
- }
- }
- function testPesel(value){
- let pesel = value.value;
- let tablicaWzor=[9,7,3,1,9,7,3,1,9,7];
- let suma=0;
- for(let i=0; i<10; i++){
- suma+=pesel.charAt(i)*tablicaWzor[i];
- }
- suma%=10;
- let miesiace=[31,29,31,30,31,30,31,31,30,31,30,31];
- for(let i=0;i<12;i++){
- if(pesel.charAt(4)+pesel.charAt(5)>miesiace[i])
- document.getElementById("inputPesel").style.borderColor = "red";
- }
- if(pesel.charAt(2)+pesel.charAt(3)>52){
- document.getElementById("inputPesel").style.borderColor = "red";
- }
- if(suma==pesel.charAt(10)){
- document.getElementById("inputPesel").style.borderColor = "green";
- }
- else{
- document.getElementById("inputPesel").style.borderColor = "red";
- }
- if(pesel.length!==11){
- document.getElementById("inputPesel").style.borderColor = "red";
- }
- }
- function testNr(value){
- let string = value.value;
- let reg = /^[0-9]{9}$/;
- if(reg.test(string) == true){
- document.getElementById("inputNr").style.borderColor = "green";
- }
- else{
- document.getElementById("inputNr").style.borderColor = "red";
- }
- }
- function testKod(value){
- let string = value.value;
- let reg = /^[0-9]{2}-[0-9]{3}$/;
- if(reg.test(string) == true){
- document.getElementById("inputKod").style.borderColor = "green";
- }
- else{
- document.getElementById("inputKod").style.borderColor = "red";
- }
- }
- function testEmail(value){
- let string = value.value;
- let reg = /[a-z0-9A-Z.][@][a-z0-9A-Z]{1,}[.][a-z0-9A-Z]{1,}/;
- if(reg.test(string) == true){
- document.getElementById("inputEmail").style.borderColor = "green";
- }
- else{
- document.getElementById("inputEmail").style.borderColor = "red";
- }
- }
- function testHaslo(value){
- let string = value.value;
- let reg = /[0-9A-za-z]+[|\$|@|\.|-|_|\*]/;
- if(reg.test(string) == true){
- document.getElementById("inputHaslo").style.borderColor = "green";
- }
- else{
- document.getElementById("inputHaslo").style.borderColor = "red";
- }
- }
- function testHasloPowt(value){
- let string = value.value;
- if(string == document.getElementById("inputHaslo").value){
- document.getElementById("inputHasloPowt").style.borderColor = "green";
- }
- else{
- document.getElementById("inputHasloPowt").style.borderColor = "red";
- }
- }
- function buttonCheck(){
- if(
- document.getElementById("inputImie").style.borderColor == "green" &&
- document.getElementById("inputNazwisko").style.borderColor == "green" &&
- document.getElementById("inputPesel").style.borderColor == "green" &&
- document.getElementById("inputNr").style.borderColor == "green" &&
- document.getElementById("inputKod").style.borderColor == "green" &&
- document.getElementById("inputHaslo").style.borderColor == "green" &&
- document.getElementById("inputHasloPowt").style.borderColor == "green"
- ){
- document.getElementById("buttonSend").disabled = false;
- }
- else{
- document.getElementById("buttonSend").disabled = true;
- }
- }
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement