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.settings["on" + event.type]
277 && validator.settings["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]

@acoder
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?