jQuery validate

[koyanpaing]

I would like to know how to solve VALIDATOR IS UNDEFINED error using jquery.validate .js.

firebug say the error in line 276

function delegate(event) {
274 var validator = $.data(this[0].form,
275 "validator" );
276 validator.setti ngs["on" + event.type]
277 && validator.setti ngs["on"
278 + event.type].call(
279 validator, this[0]);

can anyone know how to solve this kind of error

my javascript code is

jQuery('#cost').editable(function(value, settings) {
                    jQuery('[name=<portlet:namespace />cost]').val(value);
                    return(value);
                        },
                {
             type    : 'textarea',
             width	 : '100px',
             submit  : 'Update',
             cssclass: 'formEdit'
                });

[acoder]

Did you mean this.form[0] instead of this[0].form?

[koyanpaing]

Did you mean this.form[0] instead of this[0].form?

var validator = $.data(this[0].form, "validator" );
is code from the jquery.validate .js.
so I think we don't need to modified this code and i think we need to pass suitable variable to that method.
please give some advice if u know about this.
i can't fix this issue still now.
Thanks and Regards,
Yan Paing

[acoder]

I see. Post your HTML code.

[koyanpaing]

My jsp code is

<script type="text/javascript">

jQuery(document).ready(function() {

        	var currentVisibleDetailBlock = null;
        	
        jQuery('.pplDetail').hide();
jQuery('span.linkDetail a').click(function() {
var blockDetail = jQuery(this).parent().siblings(".pplDetail"); 
var visible = blockDetail.css("display") == "block"; 
if (visible) { blockDetail.slideUp('slow'); currentVisibleDetailBlock = null; } 
else { 
if (currentVisibleDetailBlock != null) { currentVisibleDetailBlock.slideUp('slow', function() {
blockDetail.slideDown('slow');}) } 
else { blockDetail.slideDown('slow'); } 
currentVisibleDetailBlock = blockDetail; } });


             jQuery('#description').editable(function(value, settings) {
                    jQuery('[name=<portlet:namespace />description]').val(value);
                    return(value);
                        },
                {
             type    : 'textarea',
             height  : '80px',
             width	 : '200px',
             submit  : 'Update',
             cssclass: 'formEdit'
                });
                
                
             jQuery('#type').editable(function(value, settings) {
                    jQuery('[name=<portlet:namespace />type]').val(value);
                    return(value);
                        },
                {
             type    : 'select',
             submit  : 'Update',
             cssclass: 'formEdit',
             data   : " {'Individual':'Individual','Corporate':'Corporate','Partners':'Partners','Hybrid':'Hybrid','selected':'<%= (record != null) ? record.getType() : "" %>'}"
                });
                
             jQuery('#status').editable(function(value, settings) {
                    jQuery('[name=<portlet:namespace />status]').val(value);
                    return(value);
                        },
                {
             type    : 'select',
             submit  : 'Update',
             cssclass: 'formEdit',
             data   : " {'Enable':'Enable','Disable':'Disable','selected':'<%= (record != null) ? record.getStatus() : "" %>'}"
                });
   

			 jQuery('#version').editable(function(value, settings) {
                    jQuery('[name=<portlet:namespace />version]').val(value);
                    return(value);
                        },
                {
             type    : 'textarea',
             submit  : 'Update',
             width	 : '200px',
             cssclass: 'formEdit'
                });
                
             jQuery('#cost').editable(function(value, settings) {
                    jQuery('[name=<portlet:namespace />cost]').val(value);
                    return(value);
                        },
                {
             type    : 'textarea',
             width	 : '100px',
             submit  : 'Update',
             cssclass: 'formEdit'
                });   

             jQuery('#costCurrency').editable(function(value, settings) {
                    jQuery('[name=<portlet:namespace />costCurrency]').val(value);
                    return(value);
                        },
                {
             type    : 'select',
             submit  : 'Update',
             cssclass: 'formEdit',
             data   : " {'SGD':'SGD','selected':'<%= (record != null) ? record.getCostCurrency() : "" %>'}"
                });
            
            jQuery('#costPeriod').editable(function(value, settings) {
                    jQuery('[name=<portlet:namespace />costPeriod]').val(value);
                    return(value);
                        },
                {
             type    : 'textarea',
             submit  : 'Update',
             width	 : '200px',
             cssclass: 'formEdit'
                });
                
             jQuery('#costPeriodType').editable(function(value, settings) {
                    jQuery('[name=<portlet:namespace />costPeriodType]').val(value);
                    return(value);
                        },
                {
             type    : 'select',
             submit  : 'Update',
             cssclass: 'formEdit',
             data   : " {'Weekly':'Weekly','Monthly':'Monthly','selected':'<%= (record != null) ? record.getCostPeriodType() : "" %>'}"
                });    
                
            jQuery('#promotionCode').editable(function(value, settings) {
                    jQuery('[name=<portlet:namespace />promotionCode]').val(value);
                    return(value);
                        },
                {
             type    : 'textarea',
             submit  : 'Update',
             width	 : '200px',
             cssclass: 'formEdit'
                });
                
             jQuery('#discount').editable(function(value, settings) {
                    jQuery('[name=<portlet:namespace />discount]').val(value);
                    return(value);
                        },
                {
             type    : 'textarea',
             width	 : '100px',
             submit  : 'Update',
             cssclass: 'formEdit'
                });    
                
                
}); 	
</script>
...
...

...

..

....


	<tr class="portlet-section-body results-row alt">
			<td><b><label for="cost_label_1">Price</label></b><font color="red">*</font></td>
			<td>
			<div id="costCurrency" style="display:inline"><%= record.getCostCurrency() %></div>
			<input type="hidden" name="<portlet:namespace />costCurrency" value="<%= record.getCostCurrency() %>" maxlength="75" class="required"/>
			
			<div id="cost" style="display:inline"><%= record.getCost() %></div>
			<input type="hidden" name="<portlet:namespace />cost" value="<%= record.getCost() %>"/>
			
			<div id="costPeriodType" style="display:inline"><%= record.getCostPeriodType() %></div>
			<input type="hidden" name="<portlet:namespace />costPeriodType" value="<%= record.getCostPeriodType() %>" class="required"/>
			</td>
		</tr>

[acoder]

Just so that we know we're talking about the same thing: are you using this plugin?