Hi ..., I'm trying to validate date using jquery validation. Included Javascript Library is:
HTML Code:
<script type="text/javascript" src="<?php echo base_url()?>asset/jqueryui/ui/ui.core.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>asset/jqueryui/ui/ui.datepicker.js"></script>
<script src="<?php echo base_url()?>asset/jquery/jquery.metadata.js" type="text/javascript"></script>
<script src="<?php echo base_url()?>asset/jqvalidate/jquery.validate.js" type="text/javascript"></script>
Supposed I have 3 input field. name, address, and date of bird and I use errorContainer to display error.
my javascript is:
HTML Code:
<script type="text/javascript">
$().ready(function() {
var errorContainer = $('div.errorContainer');
// validate the form when it is submitted
var validator = $("#frm").validate({
errorContainer: errorContainer,
errorLabelContainer: $("ol", errorContainer),
wrapper: 'li',
meta: "validate",
rules: {
field: {
required: true,
date: true
}
}
});
});
$(function(){
$("#datepicker").datepicker();
});
</script>
<form id="frm">
<input type="text" id="name" name="name" class="field text {validate:{required:true}}">
<input type="text" id="address" name="address" class="field text {validate:{required:true}}">
<input type="text" id="datepicker" name="datepicker">
<input type="submit">
</form>
but It doesnt work for date validator.
I need your help. thanks |
