API tools faq
paste
Advertisement
Guest User

awek

a guest
Feb 3rd, 2017
137
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 13.30 KB | None | 0 0
raw download clone embed print report
  1. ?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Daftar Member</title>
  6. <style type="text/css">';
  7. body { /* background gambar */
  8.  
  9.     margin-top: 0px;
  10.     color:#666666;
  11.     background: #fff url("back.jpg") repeat-x;
  12. }
  13. #konten {   /* lebar layout web member */
  14.     width:800px;                       
  15.     margin-left: auto;
  16.     margin-right: auto;
  17.     background-color:#FFFFFF;          
  18. }
  19. td {
  20. font-family:Arial, Helvetica, sans-serif;
  21. font-size: 12px;
  22. }
  23. </style>
  24. <link href="css/style.css" rel="stylesheet" type="text/css" />
  25. <link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css" media="screen" title="no title" charset="utf-8" />
  26.  
  27. <script type="text/javascript" src="js/jquery.js"></script>
  28.  
  29. </head>
  30. <body style="margin-top: 0px;background:#fff url('back.jpg') repeat-x;">
  31. <div id="konten">
  32.     <div id="isi" >
  33. <script type="text/javascript" src="js/jquery.validate.pack.js" ></script>
  34. <script type="text/javascript">
  35.  
  36. $(document).ready(function() {
  37.    
  38.     $("#formID").validate({
  39.         rules: {
  40.             password: {
  41.                 required: true,
  42.                 minlength: 6
  43.             },
  44.             confirm_password: {
  45.                 required: true,
  46.                 minlength: 6,
  47.                 equalTo: "#password"
  48.             },
  49.             nfile: {
  50.                 required: true,
  51.                 accept:"jpg"
  52.             }
  53.         },
  54.         messages: {
  55.             email: {
  56.                 required: "E-mail harus diisi",
  57.                 email: "Masukkan E-mail yang valid",
  58.                 remote: jQuery.validator.format("Email yang anda masukan sudah terdaftar.")
  59.             },
  60.             username: {
  61.                 required: "Username harus diisi",
  62.                 remote: jQuery.validator.format("Username yang anda masukan tidak valid atau sudah terdaftar.")
  63.             },
  64.             nfile: {
  65.                 required: "File harus diisi",
  66.                 accept: "Format file salah, seharusnya format Gambar JPG"
  67.             },
  68.             password: {
  69.                 required: "Password harus diisi kembali",
  70.                 minlength: "Password minimal 6 karakter"
  71.             },
  72.             confirm_password: {
  73.                 required: "Password harus diisi kembali",
  74.                 minlength: "Password minimal 6 karakter",
  75.                 equalTo: "Password tidak sama dengan yang diatas"
  76.             }
  77.         },
  78.         errorPlacement: function(error, element) {
  79.             error.appendTo(element.parent("td"));
  80.         },
  81.         submitHandler: function() {
  82.        
  83.         var dataString = 'userid='+ $("#userid").val() + '&jenis='+ $("#jenis").val() + '&neg='+ $("#neg").val() + '&name='+ $("#name").val() + '&kelamin='+ $("#kelamin").val() + '&nis='+ $("#nis").val() + '&kelas=' + $("#kelas").val() + '&email='+ $("#email").val() + '&username='+ $("#username").val() + '&password='+ $("#password").val() + '&pertanyaan='+ $("#pertanyaan").val() + '&jawaban='+ $("#jawaban").val() + '&hari='+ $("#hari").val() + '&bulan='+ $("#bulan").val() + '&tahun='+ $("#tahun").val() + '&kerja='+ $("#kerja").val() + '&alamat='+ $("#alamat").val() + '&sekolah='+ $("#sekolah").val() + '&telp='+ $("#telp").val()+ '&blog='+ $("#blog").val() + '&tentang='+ $("#tentang").val()+ '&country='+ $("#country").val()+ '&stprofil='+ $("#stprofil").val()+ '&stblog='+ $("#stblog").val()+ '&code='+ $("#code").val();
  84.         $.ajax({type: "POST",url: "membersave.php",data: dataString,cache: false,
  85.         success: function(html){$("#hasil").append(html);$("#boxpesan").hide();}});
  86.        
  87.         }
  88.        
  89.     });
  90. })
  91. </script><script type="text/javascript">
  92. $(document).ready(function()
  93. {
  94. $('#jenis').click(function(){
  95.  
  96. var element = $(this);
  97. var jenis = $('#jenis').val();
  98. if (jenis=='Alumni') {
  99.     $('#target').show();
  100. }
  101. else {
  102.     $('#target').hide();
  103. }
  104.  
  105. return false;});});
  106. </script> <div id='hasil' ></div><div id='boxpesan' >
  107.     <form name='formID' id='formID' action='daftar.php' method='post'   >
  108.     <input type=hidden name=userid id=userid value='5cg7ebab3b4bfb3c6bfbbc5' >
  109.     <table border=0 width='100%' cellspacing='2' cellpadding='2' id=tablebaru >
  110.     <tr><td colspan=3 bgcolor='#BDC5CC'><div style='float:right;margin-right:10px;margin-top:10px' ><a href='index.php' id='button2' >  Login  </a></div><img src='../images/icon21.png' width='100' height='100' style='margin:0 20px 0 10px' align=left > <h1>Pendaftaran Member - Website Resmi MA Al Amiriyyah Blokagung - Banyuwangi</h1>
  111.     Silahkan Anda isi form dibawah ini dengan benar dan jujur. <br><br><br>
  112.             <b>Prosedur pendaftaran untuk Siswa dan Orang Tua/Wali sebagai berikut : </b><br>
  113. <ol>
  114. <li>Siswa/Orang tua dapat menghubungi langsung di sekolah melalui Tim IT Website Resmi MA Al Amiriyyah Blokagung - Banyuwangi
  115. <li>Isi formulir pendaftaran khusus member.
  116. <li>Setelah didaftarkan langsung oleh Admin, silahkan cek email Anda untuk verifikasi data.
  117. <li>Silahkan login ke sistem member tersebut.
  118. <li>Atau pendaftaran melalui email <b>info@maablokagung.sch.id </b>, dengan menyertakan formulir yang sudah Anda isi dibawah ini<br>Download Formulir <a href='../formulir.doc' >di sini</a>
  119. <li>Tunggu konfirmasi validasi data Anda melalui email Anda.<br>
  120. </ol></td></tr><tr><td colspan=3 class='td0' >Informasi Khusus</td></tr>   
  121.     <tr >
  122.         <td align=right>Nama</td>
  123.         <td>:</td>
  124.         <td><input type='text' name='name' value='' id='name' size=20 maxlength='30' class='required' title='Nama harus diisi' ></td>
  125.     </tr>
  126.     <tr >
  127.         <td align=right valign=top >Kelamin</td>
  128.         <td valign=top >:</td>
  129.         <td><SELECT name='kelamin' id='kelamin' class='required' title='Jenis kelamin harus dipilih' >
  130.         <OPTION value='' selected>[Pilih]</option><OPTION  value='m' >Laki-laki<OPTION  value='f' >Perempuan</OPTION></SELECT>
  131.         </td>
  132.     </tr>
  133.     <tr >
  134.         <td align='right' valign='top' >Jenis Member</td>
  135.         <td valign='top' >:</td>
  136.         <td><select name='jenis' id='jenis' ><option value='Guru'>Tamu</option><option value='Alumni'>Alumni</option></select>
  137.     <div id='target' style='display:none' >Tahun Angkatan <input  id='kelas' type=text name=kelas value='' size=15  maxlength='4' title='Tahun Lulus harus diisi' ></div></td>
  138.     </tr><tr><td colspan=3  class='td0'>Informasi Login</td></tr>
  139.     <tr >
  140.         <td align='right' valign='top' >Username ID</td>
  141.         <td valign='top'>:</td>
  142.         <td><input id='username' type=text name='username' remote='cekusername.php' size='30' class='required username' ><br>
  143.         Username hanya diperbolehkan kombinasi antara huruf dan angka serta tanpa spasi</td>
  144.     </tr>
  145.     <tr >
  146.         <td align=right valign='top'>Email</td>
  147.         <td valign='top'>:</td>
  148.         <td><input id='email' type=text name='email' remote='cekemail.php' size=30 value='' class='required email' >
  149.         <br>Masukan email yang valid dan aktif.</td>
  150.     </tr>
  151.     <tr >
  152.         <td align='right' valign='top'>Password</td>
  153.         <td valign='top'>:</td>
  154.         <td><input  id='password' type='password' name='password' size=20 style='width:180; height:20;' ></td>
  155.     </tr>
  156.     <tr >
  157.         <td align='right' valign='top'>Re-type Password</td>
  158.         <td valign='top'>:</td>
  159.         <td><input id='confirm_password'  type=password name='confirm_password' size=20 style='width:180; height:20;' ></td>
  160.     </tr>
  161.     <tr >
  162.         <td align=right>Tgl Lahir</td>
  163.         <td>:</td>
  164.         <td>
  165.         <SELECT name='hari' id='hari' class='required' title='Tanggal harus dipilih' ><OPTION value=''
  166.        selected></OPTION> <OPTION value=01>1</OPTION> <OPTION
  167.        value=02>2</OPTION> <OPTION value=03>3</OPTION> <OPTION
  168.        value=04>4</OPTION> <OPTION value=05>5</OPTION> <OPTION
  169.        value=06>6</OPTION> <OPTION value=07>7</OPTION> <OPTION
  170.        value=08>8</OPTION> <OPTION value=09>9</OPTION> <OPTION
  171.        value=10>10</OPTION> <OPTION value=11>11</OPTION> <OPTION
  172.        value=12>12</OPTION> <OPTION value=13>13</OPTION> <OPTION
  173.        value=14>14</OPTION> <OPTION value=15>15</OPTION> <OPTION
  174.        value=16>16</OPTION> <OPTION value=17>17</OPTION> <OPTION
  175.        value=18>18</OPTION> <OPTION value=19>19</OPTION> <OPTION
  176.        value=20>20</OPTION> <OPTION value=21>21</OPTION> <OPTION
  177.        value=22>22</OPTION> <OPTION value=23>23</OPTION> <OPTION
  178.        value=24>24</OPTION> <OPTION value=25>25</OPTION> <OPTION
  179.        value=26>26</OPTION> <OPTION value=27>27</OPTION> <OPTION
  180.        value=28>28</OPTION> <OPTION value=29>29</OPTION> <OPTION
  181.        value=30>30</OPTION> <OPTION value=31>31</OPTION></SELECT>
  182.         <SELECT name='bulan' id='bulan' class='required' title='Bulan harus dipilih' ><OPTION value=''
  183.        selected></OPTION> <OPTION value=01>Jan</OPTION> <OPTION
  184.        value=02>Feb</OPTION> <OPTION value=03>Mar</OPTION> <OPTION
  185.        value=04>Apr</OPTION> <OPTION value=05>May</OPTION> <OPTION
  186.        value=06>Jun</OPTION> <OPTION value=07>Jul</OPTION> <OPTION
  187.        value=08>Aug</OPTION> <OPTION value=09>Sep</OPTION> <OPTION
  188.        value=10>Oct</OPTION> <OPTION value=11>Nov</OPTION> <OPTION
  189.        value=12>Dec</OPTION></SELECT>
  190.         <SELECT id='tahun' name='tahun' class='required' title='Tahun harus dipilih'>
  191.         <OPTION value='' selected ></OPTION> <OPTION
  192.         value=1995>1995</OPTION> <OPTION value=1994>1994</OPTION> <OPTION
  193.         value=1993>1993</OPTION> <OPTION value=1992>1992</OPTION> <OPTION
  194.         value=1991>1991</OPTION> <OPTION value=1990>1990</OPTION> <OPTION
  195.         value=1989>1989</OPTION> <OPTION value=1988>1988</OPTION> <OPTION
  196.        value=1987>1987</OPTION> <OPTION value=1986>1986</OPTION> <OPTION
  197.        value=1985>1985</OPTION> <OPTION value=1984>1984</OPTION> <OPTION
  198.        value=1983>1983</OPTION> <OPTION value=1982>1982</OPTION> <OPTION
  199.        value=1981>1981</OPTION> <OPTION value=1980>1980</OPTION> <OPTION
  200.        value=1979>1979</OPTION> <OPTION value=1978>1978</OPTION> <OPTION
  201.        value=1977>1977</OPTION> <OPTION value=1976>1976</OPTION> <OPTION
  202.        value=1975>1975</OPTION> <OPTION value=1974>1974</OPTION> <OPTION
  203.        value=1973>1973</OPTION> <OPTION value=1972>1972</OPTION> <OPTION
  204.        value=1971>1971</OPTION> <OPTION value=1970>1970</OPTION> <OPTION
  205.        value=1969>1969</OPTION> <OPTION value=1968>1968</OPTION> <OPTION
  206.        value=1967>1967</OPTION> <OPTION value=1966>1966</OPTION> <OPTION
  207.        value=1965>1965</OPTION> <OPTION value=1964>1964</OPTION> <OPTION
  208.        value=1963>1963</OPTION> <OPTION value=1962>1962</OPTION> <OPTION
  209.        value=1961>1961</OPTION> <OPTION value=1960>1960</OPTION> <OPTION
  210.        value=1959>1959</OPTION> <OPTION value=1958>1958</OPTION> <OPTION
  211.        value=1957>1957</OPTION> <OPTION value=1956>1956</OPTION> <OPTION
  212.        value=1955>1955</OPTION> <OPTION value=1954>1954</OPTION> <OPTION
  213.        value=1953>1953</OPTION> <OPTION value=1952>1952</OPTION> <OPTION
  214.        value=1951>1951</OPTION> <OPTION value=1950>1950</OPTION> <OPTION
  215.        value=1949>1949</OPTION> <OPTION value=1948>1948</OPTION> <OPTION
  216.        value=1947>1947</OPTION> <OPTION value=1946>1946</OPTION> <OPTION
  217.        value=1945>1945</OPTION> <OPTION value=1944>1944</OPTION> <OPTION
  218.        value=1943>1943</OPTION> <OPTION value=1942>1942</OPTION> <OPTION
  219.        value=1941>1941</OPTION> <OPTION value=1940>1940</OPTION> <OPTION
  220.        value=1939>1939</OPTION> <OPTION value=1938>1938</OPTION> <OPTION
  221.        value=1937>1937</OPTION> <OPTION value=1936>1936</OPTION> <OPTION
  222.        value=1935>1935</OPTION> <OPTION value=1934>1934</OPTION> <OPTION
  223.        value=1933>1933</OPTION> <OPTION value=1932>1932</OPTION> <OPTION
  224.        value=1931>1931</OPTION> <OPTION value=1930>1930</OPTION> <OPTION
  225.        value=1929>1929</OPTION> <OPTION value=1928>1928</OPTION> <OPTION
  226.        value=1927>1927</OPTION> <OPTION value=1926>1926</OPTION> <OPTION
  227.        value=1925>1925</OPTION> <OPTION value=1924>1924</OPTION> <OPTION
  228.        value=1923>1923</OPTION> <OPTION value=1922>1922</OPTION> <OPTION
  229.        value=1921>1921</OPTION> <OPTION value=1920>1920</OPTION></SELECT>
  230.         </td>
  231.     </tr>
  232.     <tr >
  233.         <td align='right' valign='top'>Pertanyaan</td>
  234.         <td valign='top'>:</td>
  235.         <td>
  236.         <SELECT name='pertanyaan' id='pertanyaan'  class='required' title='Konfirmasi pertanyaan harus dipilih' >
  237.         <OPTION value='' selected>[Pilih Pertanyaan]</option>
  238.         <OPTION  value='1'>Apa nama binatang peliharaan?</option>
  239.         <OPTION  value='2'>Apa nama sekolah anda pertama kali?</option>
  240.         <OPTION  value='3'>Siapa pahlawan anda?</option>
  241.         <OPTION  value='4'>Dimana tempat favorit anda?</option>
  242.         <OPTION  value='5'>Apa hobby anda?</option>
  243.         <OPTION  value='6'>Dimana tempat kerja anda?</option>
  244.         <OPTION  value='7'>Apa warna kesukaan anda?</option>
  245.         <OPTION  value='8'>Apa makanan favorit anda?</option>
  246.         <OPTION  value='9'>Apa binatang kesukaan anda?</OPTION>
  247.         </SELECT>
  248.         </td>
  249.     </tr>
  250.     <tr>
  251.         <td align='right' valign='top'>Jawaban</td>
  252.         <td valign='top'>:</td>
  253.         <td><input id='jawaban'  class='required' type=text name='jawaban' value='' size=20 maxlength='30' title='Konfirmasi jawaban harus diisi' ></td>
  254.     </tr>
  255.    
  256.     <tr><td colspan=3 class='td0'>Informasi Pribadi </td></tr>
  257.     <tr >
  258.         <td align='right' valign='top'>Status Informasi</td>
  259.         <td valign='top'>:</td>
  260.         <td><select name='stprofil' id='stprofil' ><option value='open'  >Tampilkan ke teman</option>
  261.         <option value='hide'  >Sembunyikan</option></select>
  262.         </td>
  263.     </tr>
  264.         <tr >
  265.         <td align=right valign=top>Pekerjaan</td>
  266.         <td valign=top>:</td>
  267.         <td><SELECT name='kerja' id='kerja' class='required' title='Pekerjaan harus dipilih'><OPTION value='Guru' >Guru</OPTION><OPTION value='Siswa' >Siswa</OPTION>
  268.         <OPTION value='Mahasiswa' >Mahasiswa</OPTION><OPTION value='Dosen' >Dosen</OPTION>
  269.         <OPTION value='Praktisi' >Praktisi</OPTION>
  270.         <OPTION value='Pegawai Negeri' >Pegawai Negeri</OPTION><OPTION value='Pegawai Swasta' >Pegawai Swasta</OPTION>
  271.         <OPTION value='Lain-lain' >Lain-lain</OPTION></select></td>
  272.     </tr>
  273.     <tr >
  274.         <td align='right' valign='top'>Alamat</td>
  275.         <td valign='top'>:</td>
  276.         <td><textarea name='alamat' id='alamat' class='required' cols='40' rows='6' title='Alamat harus diisi' maxlength='100' >
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!