Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <?php
- $user = "root";
- $password = "";
- $database = "psb";
- $host = "localhost";
- $mysqli= new mysqli($host, $user, $password, $database);
- //script menentukan hari */
- $array_hr = array(1 => "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu", "Minggu");
- $hr = $array_hr[date('N')];
- /* script menentukan tanggal */
- $tgl = date('j');
- /* script menentukan bulan */
- $array_bln = array(1 => "Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember");
- $bln = $array_bln[date('n')];
- /* script menentukan tahun */
- $thn = date('Y');
- /* script perintah keluaran */
- //Pemanggilan Scriptnya: echo $hr . ", " . $tgl . " " . $bln . " " . $thn . " " . date('H:i');
- $tgl2 = date('Y-m-d');
- function acakangkahuruf($panjang){
- $karakter= '1234567890';
- $string = '';
- for ($i = 0; $i < $panjang; $i++){
- $pos = rand(0, strlen($karakter)-1);
- $string .= $karakter{$pos};
- }
- return $string;
- };
- ?>
- <!DOCTYPE html>
- <html>
- <head>
- <title>PSB | Halaman Pendaftaran</title>
- <link rel="stylesheet" href="vendor/bootstrap/css/bootstrap.css"/>
- <link rel="stylesheet" href="dist/css/bootstrapValidator.css"/>
- <link rel="stylesheet" href="fonts-awsome/css/font-awesome.css" />
- <link rel="shortcut icon" href="../../images/favicon2.png">
- <script type="text/javascript" src="vendor/jquery/jquery-1.10.2.min.js"></script>
- <script type="text/javascript" src="vendor/bootstrap/js/bootstrap.min.js"></script>
- <script type="text/javascript" src="dist/js/bootstrapValidator.js"></script>
- </head>
- <body>
- <div class="container">
- <br>
- <div class="row">
- <section>
- <div class="col-lg-8 col-lg-offset-2 panel panel-default">
- <div class="panel-heading">
- <div class="panel-title">
- <div class="text-info">
- <span class=" fa fa-fw fa-home text-primary"></span> SMK Diponegoro 2
- </div>
- </div>
- </div>
- <div class="panel-body">
- <div class="page-header">
- <h2 class="text-info" ><span class="fa fa-users fa-2x text-primary "></span> Form Pendaftaran <small><span class="pull-right small"><i class="fa fa-fw fa-calendar"></i> <?php echo $hr . ", " . $tgl . " " . $bln . " " . $thn ; ?> </span></small></h2>
- </div>
- <ul class="nav nav-tabs">
- <li class="active"><a href="#info-tab" data-toggle="tab">Data Siswa <i class="fa"></i></a></li>
- <li><a href="#ortu-tab" data-toggle="tab">Data Ortu/Wali <i class="fa"></i></a></li>
- <li><a href="#berkas-tab" data-toggle="tab">Berkas <i class="fa"></i></a></li>
- </ul>
- <form id="accountForm" method="post" class="form-horizontal" action="target.php" style="margin-top: 20px;" enctype="multipart/form-data">
- <div class="tab-content text-info">
- <div class="tab-pane active " id="info-tab">
- <div class="form-group">
- <label class="col-lg-3 control-label">NISN</label>
- <div class="col-lg-5">
- <input type="text" class="form-control" name="nisn" autofocus/>
- <input type="hidden" class="form-control" name="tgl_daftar" value="<?php echo $tgl2; ?>"/>
- <input type="hidden" class="form-control" name="no_pendaftaran" value="<?php echo acakangkahuruf(8); ?>"/>
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Nama Lengkap</label>
- <div class="col-lg-5">
- <input type="text" class="form-control" name="fullname" />
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Jenis Kelamin</label>
- <div class="col-lg-5">
- <div class="radio-inline">
- <label>
- <input type="radio" name="gender" value="L" /> L
- </label>
- </div>
- <div class="radio-inline">
- <label>
- <input type="radio" name="gender" value="P" /> P
- </label>
- </div>
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Tempat Lahir</label>
- <div class="col-lg-5">
- <input type="text" class="form-control" name="tempatLahir" />
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Tanggal Lahir</label>
- <div class="col-lg-5">
- <input type="text" class="form-control" name="birthday" /> (YYYY-MM-DD)
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Agama</label>
- <div class="col-lg-5">
- <select class="form-control" name="agama">
- <option value="">Pilih Agama</option>
- <option value="Islam">Islam</option>
- <option value="Kristen">Kristen</option>
- <option value="Budha">Budha</option>
- <option value="Hindu">Hindu</option>
- </select>
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Kewarganegaraan</label>
- <div class="col-lg-5">
- <div class="radio-inline">
- <label>
- <input type="radio" name="kewarganegaraan" value="WNI" /> WNI
- </label>
- </div>
- <div class="radio-inline">
- <label>
- <input type="radio" name="kewarganegaraan" value="WNA" /> WNA
- </label>
- </div>
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Anak ke </label>
- <div class="col-lg-2">
- <select class="form-control" name="anak">
- <option value="1">1</option>
- <option value="2">2</option>
- <option value="3">3</option>
- <option value="4">4</option>
- <option value="5">5</option>
- </select>
- </div>
- <label class="col-lg-3 control-label">Dari </label>
- <div class="col-lg-2">
- <select class="form-control" name="dari">
- <option value="1">1</option>
- <option value="2">2</option>
- <option value="3">3</option>
- <option value="4">4</option>
- <option value="5">5</option>
- </select>
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Status Anak</label>
- <div class="col-lg-5">
- <select class="form-control" name="statusAnak">
- <option value="">Pilih Status</option>
- <option value="Kandung">Kandung</option>
- <option value="Angkat">Angkat</option>
- <option value="Adopsi">Adopsi</option>
- <option value="Tiri">Tiri</option>
- </select>
- </div>
- </div>
- <div class="form-group">
- <label for="alamat" class="col-sm-3 control-label">Alamat</label>
- <div class="col-sm-5">
- <textarea class="form-control" rows="3" name="alamatSiswa" placeholder="Jalan, Rt, Rw, No, Kelurahan, Kecamatan Kota"></textarea>
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Kode Pos</label>
- <div class="col-lg-5">
- <input type="text" class="form-control" name="kodePos" />
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Handphone</label>
- <div class="col-lg-5">
- <input type="text" class="form-control" name="telp" />
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Email</label>
- <div class="col-lg-5">
- <input type="text" class="form-control" name="email" />
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Sekolah Asal</label>
- <div class="col-lg-5">
- <input type="text" class="form-control" name="sekolahAsal" />
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">No.Ijasah</label>
- <div class="col-lg-5">
- <input type="text" class="form-control" name="nomorIjasah" />
- </div>
- </div>
- </div>
- <div class="tab-pane " id="ortu-tab">
- <div class="panel-group" id="steps">
- <!-- Step 1 -->
- <div class="panel panel-default">
- <div class="panel-heading">
- <h4 class="panel-title"><a data-toggle="collapse" data-parent="#steps" href="#stepOne">Ayah</a></h4>
- </div>
- <div id="stepOne" class="panel-collapse collapse in">
- <div class="panel-body">
- <div class="form-group">
- <label class="col-lg-3 control-label">Nama Lengkap</label>
- <div class="col-lg-5">
- <input type="text" class="form-control" name="namaAyah" />
- <input type="hidden" class="form-control" name="status_ortu" value="Ayah" />
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Pendidikan</label>
- <div class="col-lg-5">
- <input type="text" class="form-control" name="pendidikanAyah" />
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Pekerjaan</label>
- <div class="col-lg-5">
- <input type="text" class="form-control" name="pekerjaanAyah" />
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Penghasilan</label>
- <div class="col-lg-5">
- <select class="form-control" name="penghasilanAyah">
- <option value="Rp.0 - Rp.1.500.000">Rp.0 - Rp.1.500.000</option>
- <option value="Rp.1.500.000 - Rp. 2.500.000">Rp.1.500.000 - Rp. 2.500.000</option>
- <option value="Rp.2.500.000 - Rp. 5.000.000">Rp.2.500.000 - Rp. 5.000.000</option>
- <option value="Rp.2.500.000 +">Rp.2.500.000 +</option>
- </select>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- Step 2 -->
- <div class="panel panel-success">
- <div class="panel-heading">
- <h4 class="panel-title"><a data-toggle="collapse" data-parent="#steps" href="#stepTwo">Ibu</a></h4>
- </div>
- <div id="stepTwo" class="panel-collapse collapse">
- <div class="panel-body">
- <div class="form-group">
- <label class="col-lg-3 control-label">Nama Lengkap</label>
- <div class="col-lg-5">
- <input type="text" class="form-control" name="namaIbu" />
- <input type="hidden" class="form-control" name="status_ortu" value="Ibu" />
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Pendidikan</label>
- <div class="col-lg-5">
- <input type="text" class="form-control" name="pendidikanIbu" />
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Pekerjaan</label>
- <div class="col-lg-5">
- <input type="text" class="form-control" name="pekerjaanIbu" />
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Penghasilan</label>
- <div class="col-lg-5">
- <select class="form-control" name="penghasilanIbu">
- <option value="Rp.0 - Rp.1.500.000">Rp.0 - Rp.1.500.000</option>
- <option value="Rp.1.500.000 - Rp. 2.500.000">Rp.1.500.000 - Rp. 2.500.000</option>
- <option value="Rp.2.500.000 - Rp. 5.000.000">Rp.2.500.000 - Rp. 5.000.000</option>
- <option value="Rp.2.500.000 +">Rp.2.500.000 +</option>
- </select>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- Step 3 -->
- <div class="panel panel-info">
- <div class="panel-heading">
- <h4 class="panel-title"><a data-toggle="collapse" data-parent="#steps" href="#stepThree">Wali</a></h4>
- </div>
- <div id="stepThree" class="panel-collapse collapse">
- <div class="panel-body">
- <div class="form-group">
- <label class="col-lg-3 control-label">Nama Lengkap</label>
- <div class="col-lg-5">
- <input type="text" class="form-control" name="namaWali" />
- <input type="hidden" class="form-control" name="status_ortu" value="Wali" />
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Pendidikan</label>
- <div class="col-lg-5">
- <input type="text" class="form-control" name="pendidikanWali" />
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Pekerjaan</label>
- <div class="col-lg-5">
- <input type="text" class="form-control" name="pekerjaanWali" />
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Penghasilan</label>
- <div class="col-lg-5">
- <select class="form-control" name="penghasilanWali">
- <option value="Rp.0 - Rp.1.500.000">Rp.0 - Rp.1.500.000</option>
- <option value="Rp.1.500.000 - Rp. 2.500.000">Rp.1.500.000 - Rp. 2.500.000</option>
- <option value="Rp.2.500.000 - Rp. 5.000.000">Rp.2.500.000 - Rp. 5.000.000</option>
- <option value="Rp.2.500.000 +">Rp.2.500.000 +</option>
- </select>
- </div>
- </div>
- <div class="form-group">
- <label for="alamat" class="col-sm-3 control-label">Alamat</label>
- <div class="col-sm-5">
- <textarea class="form-control" rows="3" name="alamatOrtu" placeholder="Jalan, Rt, Rw, No, Kelurahan, Kecamatan Kota"></textarea>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="tab-pane" id="berkas-tab">
- <div class="form-group">
- <label class="col-lg-3 control-label">Berkas Ijasah</label>
- <div class="col-lg-5">
- <input type="file" name="fileIjasah" />
- <span class="help-block">Pilih File Gambar</span>
- </div>
- </div>
- <div class="form-group">
- <label class="col-lg-3 control-label">Berkas Foto</label>
- <div class="col-lg-5">
- <input type="file" name="fileFoto" />
- <span class="help-block">Pilih File Gambar</span>
- </div>
- </div>
- </div>
- </div>
- <div class="form-group">
- <div class="col-lg-5 col-lg-offset-3">
- <button type="submit" class="btn btn-primary" name="save">Daftar</button>
- </div>
- </div>
- </form>
- </div>
- </div>
- </section>
- </div>
- </div>
- <script type="text/javascript">
- $(document).ready(function() {
- $('#accountForm')
- .bootstrapValidator({
- excluded: [':disabled'],
- feedbackIcons: {
- valid: 'glyphicon glyphicon-ok',
- invalid: 'glyphicon glyphicon-remove',
- validating: 'glyphicon glyphicon-refresh'
- },
- fields: {
- nisn: {
- validators: {
- notEmpty: {
- message: 'Isikan NISN Anda'
- },
- digits: {
- message: 'Hanya diisi dengan angka'
- },
- stringLength: {
- min: 9,
- max: 9,
- message: 'NISN harus diisi dengan 9 karakter'
- }
- }
- },
- fullname: {
- validators: {
- notEmpty: {
- message: 'Isikan Nama Lengkap Anda'
- }
- }
- },
- gender: {
- validators: {
- notEmpty: {
- message: 'Pilih Jenis Kelamin Anda'
- }
- }
- },
- tempatLahir: {
- validators: {
- notEmpty: {
- message: 'Isikan Tempat Kelahiran Anda'
- }
- }
- },
- birthday: {
- validators: {
- date: {
- format: 'YYYY-MM-DD',
- message: 'Tanggal Lahir Tidak Benar'
- }
- }
- },
- agama: {
- validators: {
- notEmpty: {
- message: 'Pilih Agama Anda'
- }
- }
- },
- kewarganegaraan: {
- validators: {
- notEmpty: {
- message: 'Pilih Status Kewarganegaraan Anda'
- }
- }
- },
- statusAnak: {
- validators:{
- notEmpty:{
- message:'Pilih Status Anak'
- }
- }
- },
- kodePos: {
- validators: {
- notEmpty: {
- message: 'Isikan Kode Pos Anda'
- },
- digits: {
- message: 'Hanya diisi dengan angka'
- },
- stringLength: {
- min: 5,
- max: 5,
- message: 'Kode Pos harus diisi dengan 5 karakter'
- }
- }
- },
- telp: {
- validators: {
- notEmpty: {
- message: 'Isikan No.Handphone Anda'
- },
- digits: {
- message: 'Hanya diisi dengan angka'
- },
- stringLength: {
- min: 8,
- max: 12,
- message: 'No.Handphone harus diisi Min.8 Maks.12 karakter'
- }
- }
- },
- email:{
- validators: {
- emailAddress: {
- message: 'Pengisian Email tidak benar. Contoh: example@domain.com'
- }
- }
- },
- sekolahAsal: {
- validators: {
- notEmpty: {
- message: 'Isikan Sekolah Asal Anda'
- }
- }
- },
- nomorIjasah: {
- validators: {
- notEmpty: {
- message: 'Isikan Nomor Ijasah Anda'
- },
- digits: {
- message: 'Hanya diisi dengan angka'
- },
- stringLength: {
- min: 5,
- max: 5,
- message: 'Nomor Ijasah harus diisi dengan 5 karakter'
- }
- }
- },
- namaAyah: {
- validators: {
- notEmpty: {
- message: 'Isikan Nama Ayah'
- }
- }
- },
- namaIbu: {
- validators: {
- notEmpty: {
- message: 'Isikan Nama Ibu'
- }
- }
- },
- namaWali: {
- validators: {
- notEmpty: {
- message: 'Isikan Nama Wali'
- }
- }
- },
- country: {
- validators: {
- notEmpty: {
- message: 'The city is required'
- }
- }
- }
- }
- })
- .on('status.field.bv', function(e, data) {
- var $form = $(e.target),
- validator = data.bv,
- $tabPane = data.element.parents('.tab-pane'),
- tabId = $tabPane.attr('id');
- if (tabId) {
- var $icon = $('a[href="#' + tabId + '"][data-toggle="tab"]').parent().find('i');
- // Add custom class to tab containing the field
- if (data.status == validator.STATUS_INVALID) {
- $icon.removeClass('fa-check').addClass('fa-times');
- } else if (data.status == validator.STATUS_VALID) {
- var isValidTab = validator.isValidContainer($tabPane);
- $icon.removeClass('fa-check fa-times')
- .addClass(isValidTab ? 'fa-check' : 'fa-times');
- }
- }
- });
- });
- </script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement