 |
| Gelap ke Terang |
|
| Terang ke Gelap |
<form action="save.php" method="post" id="formMhs">
<h2>Daftar Mahasiswa Baru</h2>
<table>
<tr>
<td>NIM</td>
<td>:</td>
<td><input type="text" name="NIM" id="NIM"class="validate[required,custom[onlyNumber],length[10]
,ajax[ajaxCheckNIM]]" size="10" /> <small>* max char: 10</small></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type="text" name="nama" id="nama"class="validate[required]" size="30" /></td>
</tr>
<tr>
<td>Jenkel</td>
<td>:</td>
<td>
<input type="radio" name="jeniskelamin"id="jeniskelamin1" class="validate[required]"
value="pria" /> Pria
<input type="radio" name="jeniskelamin"id="jeniskelamin2" class="validate[required]"
value="wanita" /> Wanita
</td>
</tr>
<tr>
<td>Tgl Lahir</td>
<td>:</td>
<td><input type="text" name="tgllahir"
id="tgllahir" class="validate[required,
custom[dateFormat]]" size="10" /> <small>* yyyy-mm-dd</small></td>
</tr>
<tr valign="top">
<td>Alamat</td>
<td>:</td>
<td><textarea name="alamat" id="alamat"
rows="3" cols="30" class="validate[required]"></textarea></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input type="text" name="email" id="email"class="validate[custom[email],ajax[ajaxCheckEmail]]"size="25" /></td>
</tr>
<tr>
<td>Jumlah SKS</td>
<td>:</td>
<td><input type="text" name="jumlahsks"id="jumlahsks" class="validate[min[10],max[24]]"
size="3" /> <small>* minimal 10, maksimal 24</small>
</td>
</tr>
<tr>
<td>Website</td>
<td>:</td>
<td><input type="text" name="website"
id="website" class="validate[custom[url]]" size="30"value="http://" /></td>
</tr>
<tr valign="top">
<td>Pilih Mata Kuliah</td>
<td>:</td>
<td>
<input type="checkbox"
name="matakuliah[]" id="matakuliah1"class="validate[required]" value="Programming" />Programming<br />
<input type="checkbox"
name="matakuliah[]" id="matakuliah2"class="validate[required]" value="Kalkulus" /> Kalkulus
<br />
<input type="checkbox"
name="matakuliah[]" id="matakuliah2"class="validate[required]" value="Logika Matematika" />Logika Matematika<br />
<input type="checkbox"
name="matakuliah[]" id="matakuliah2"class="validate[required]" value="Bahasa Inggris" />
Bahasa Inggris
</td>
</tr>
<tr>
<td>Masukkan Password</td>
<td>:</td>
<td><input type="password" name="password"id="password" class="validate[required]" size="10" />
</td>
</tr>
<tr>
<td>Ulangi Password</td>
<td>:</td>
<td><input type="password" name="password2"id="password2" class="validate
[required,equals[password]]" size="10" /></td>
</tr>
</table>
<input type="submit" name="submit" value="Simpan" />
<input type="reset" value="Batal" id="btnReset" />
</form>
|
No
|
Jenis Validasi
|
Penggunaan
|
1
|
Required field, field harus diisi
|
validate[required]
|
2
|
Menentukan panjang karakter
|
Harus 10 karakter:
validate[length[10]]Dari 0 s/d 10 karakter: validate[length[0,10]] |
3
|
Harus diisi hanya nomor
|
validate[custom[onlyNumber]]
|
4
|
Harus diisi dengan format tanggal
|
validate[custom[dateFormat]]
|
5
|
Harus diisi dengan format email
|
validate[custom[email]]
|
6
|
Harus diisi dengan format URL
|
validate[custom[url]]
|
7
|
Menentukan jumlah karakter minimal
|
validate[min[5]]
|
8
|
Menentukan jumlah karakter maksimal
|
validate[max[5]]
|
9
|
Isi harus sama dengan inputan lainnya
|
validate[equals[fieldlain]]
|
10
|
Memanggil validasi Ajax
|
validate[ajax[namaValidasiAjax]]
|
$('#formMhs')
.validationEngine() // fungsi untuk menambahkan feature validation ke form
.ajaxForm({ // ketika validasi berhasil, inputan form akan dikirim via ajax dengan plugin jQuery ajax form
success: function(response){
alert(response);
$('#btnReset').click(); // kosongkan form setelah selesai menyimpan data
}
});
|
$.validationEngineLanguage.allRules['ajaxCheckEmail'] = {
"url": "check.php", // URL ajax
"alertText": "* Email ini sudah ada sebelumnya", // alert text apabila ajax mengembalikan false
"alertTextOk": "* Email tersedia", // alert text apabila ajax mengembalikan true
"alertTextLoad": "* Sedang proses check Email" // alert text ketika proses pengecekan ajax sedang berlangsung
}
|
Cara menambahkan Components baru ke Toolbox Visual Basic.Caranya dengan Klik menu Project dan pilih components, atau dengan Mengklik kanan Toolbox dan pilih Components bisa juga dengan menekan tombol Ctrl + T dari Keyboard anda. Selanjutnya akan muncul jendela components dan beri centang pada Microsoft Common Dialog Control 6.0 dan Microsoft Multimedia Control 6.0. Klik Ok.
