QUIZ HTML 1 - Sastiara Maulikh - 5025201257
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <title> SugnUp Page </title> | |
| </head> | |
| <body align="center"> | |
| <h1> FORMULIR PENDAFTARAN </h1> | |
| <table cellspascing="2" align="center" cellpadding="8" border="0"> | |
| <tr><td> Nama Peserta </td> | |
| <td><input type="text" placeholder="Enter name" id="n1"></td></tr> | |
| <tr><td> Tempat Tanggal Lahir </td> | |
| <td><input type="text" placeholder="Enter number " id="e1"></td></tr> | |
| <tr><td> Utusan </td> | |
| <td><input type="text" placeholder="Enter name " id="p1"></td></tr> | |
| <tr><td> Kecamatan </td> | |
| <td><input type="text" placeholder="Enter name " id="p1"></td></tr> | |
| <tr><td> Nomor Telepon </td> | |
| <td><input type="text" placeholder="Enter number " id="p1"></td></tr> | |
| <tr><td> Jenis Lomba </td></tr> | |
| <td><input type="radio" placeholder="Tarik Tambang " /> 1. Tarik Tambang (4 Perempuan + 1 Laki = 5 Orang) </td></tr> | |
| <td><input type="radio" placeholder="Lari Estafet " /> 2. Lari Estafet (4 Perempuan) </td></tr> | |
| <td><input type="radio" placeholder="Gobak Sodor " /> 3. Gobak Sodor (4 Perempuan) </td></tr> | |
| <td><input type="radio" placeholder="Tartil " /> 4. Tartil (1 Orang Perwakilan TKA/TPA) </td></tr> | |
| <td><input type="radio" placeholder="Ceramah " /> 5. Ceramah (1 Orang Perwakilan TKA/TPA) </td></tr> | |
| <tr><td> *ket : lingkari jenis lomba yang dipilih </td></tr> | |
| <tr><td> Saganta </td></tr> | |
| <td><input type="text" placeholder="Input saganta" id="n1"></td></tr> | |
| <tr><td> Kepala Unit TKA/TPA </td></tr> | |
| <td><input type="text" placeholder="Input Image or Draw your sign" id="n1"></td></tr> | |
| <tr><td> Peserta Lomba </td></tr> | |
| <td><input type="text" placeholder="Input Image or Draw your sign" id="n1"></td></tr> | |
| </table> | |
| </table> | |
| <script type="text/javascript"> | |
| function create_account(){ | |
| var n=document.getElementById("n1").value; | |
| var e=document.getElementById("e1").value; | |
| var p=document.getElementById("p1").value; | |
| var cp=document.getElementById("p2").value; | |
| var letters = /^[A-Za-z]+$/; | |
| var email_val = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/; | |
| if(n==''||e==''||p==''||cp==''){ | |
| alert("Enter each details correctly"); | |
| } | |
| else if(!letters.test(n)){ | |
| alert('Name is incorrect must contain alphabets only'); | |
| } | |
| else if(!email_val.test(e)){ | |
| alert('Invalid email format please enter valid email id'); | |
| } | |
| else if(p!=cp){ | |
| alert('Password not matching'); | |
| } | |
| else if(document.getElementById("p1").values.lenght > 12){ | |
| alert("Password maximum lenght is 12"); | |
| } | |
| else if(document.getElementById("p1").values.lenght < 6){ | |
| alert("Password minimum lenght is 6"); | |
| } | |
| else{ | |
| alert("Your account has been created successfully... Rediracting to JavaTPoint.com"); | |
| window.location="https://www.javapoints.com/"; | |
| } | |
| } | |
| </script> | |
| </body> | |
| </html> |
Komentar
Posting Komentar