mas ellyx sy masih blm paham cara penerapan bbrp plugin jquery

jadi ceritanya saya mau mask input time menggunakan plugin ini:
http://digitalbush.com/projects/masked-input-plugin/

tetapi disaat yang sama sy juga inginkan ada plugin ini (validasi)
http://chandrajatnika.com/2011/07/validasi-form-lebih-mudah-dengan-plugin-jquery-validation-engine/

ringkasnya, sy kepengen inputannya divalidasi (harus diisi) dan isianya harus format time 00:00

nah misalnya input kyk gini
<td><input type ='text' name='jam_masuk' id='jam_masuk' class='validate[required]'></td>


keterangan:
id= jam_masuk -> plugin masked input
class='validate[required]' -> plugin validation engine

hasilnya efeknya tidak bisa dua-duanya, hanya salah satunya saja.

potongan scriptnya:

<script language="javascript" src="js/jquery.validationEngine.js"></script>
<script language="javascript" src="js/jquery.validationEngine-en.js"></script>
<script language="javascript">
$(function(){
$('#forminput')
.validationEngine()
});
</script>

<script type="text/javascript" src="js/jquery.maskedinput.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#timepicker").mask("99:99")
});
</script>

potongan formnya:
<form id='forminput'>
<table>
<tr>
<th>Masuk(JAM:MENIT)</th>
<th>Pulang(JAM:MENIT)</th>
</tr>
<tr>
<td><input type ='text' name='jam_masuk' id='timepicker' class='validate[required]></td>
<td><input type ='text' name='jam_pulang' id='timepicker' class='validate[required]'></td>
</tr>
</table>
</form>

pertanyaannnya:
Gimana ya spy efek masked input dan validasi (tidak blh kosong) bisa diterapkan
demkian, terimakasih banayk
Silahkan login untuk menjawab!
0
Loading...
Ellyx Christian · Aug 5, 2011 · 0 Suka · 0 Tidak Suka
kamu ubah jquery.validationEngine-en.js tambahkan baris seperti ini:
"mytime": {
        "regex": /^\d{2}:\d{2}$/,
        "alertText": "* Masukkan format waktu, misal 09:30"
    }
dan pada input gunakan seperti ini
<input type ='text' name='jam_pulang' id='timepicker' class=validate[required,custom[mytime]]'>

Ref: http://www.position-absolute.com/articles/jquery-form-validator-because-form-validation-is-a-mess/