从JavaScript调用Jquery函数时出错

Question

I am getting the error at the line :

validate();

When I trying to call the following jQuery function

 (function ($) { 
        "use strict";    
         var methods = {
     validate: function () {
                 if ($(this).is("form"))
                     return methods._validateFields(this);
                 else {
                     // field validation
                     var form = $(this).closest('form');
                     var options = form.data('jqv');
                     var r = methods._validateField($(this), options);

                     if (options.onSuccess && options.InvalidFields.length == 0)
                         options.onSuccess();
                     else if (options.onFailure && options.InvalidFields.length > 0)
                         options.onFailure();
                     return r;
                 }
             }
    }

Using the following JavaScript, I am getting the error at validation function.

<script type="text/javascript">
    function dateSelectionChanged(sender, args) {
        $(function () {
            validate();
        });
    }
</script>

The function validate has been described in the above jQuery.

Answer 1

You need to expose methods to other functions - put it in the global scope.

So either use the global window object and do:

window.methods = 

For example:

(function ($) { 
        "use strict";    
         window.methods = {
             validate: function () {...

Or define it first outside of (function($){...})

For example:

var methods = {};
(function ($) { 
        "use strict";    
         methods = {
             validate: function () {...

Notice no var before second methods .

Then you can call methods.validate()

Also: ensure you close (function ($) { with })(jQuery) - it's missing from the code that you posted.

Answer 2

Try this:
 var methods = {
     validate: function () {
                 if ($(this).is("form"))
                     return methods._validateFields(this);
                 else {
                     // field validation
                     var form = $(this).closest('form');
                     var options = form.data('jqv');
                     var r = methods._validateField($(this), options);

                     if (options.onSuccess && options.InvalidFields.length == 0)
                         options.onSuccess();
                     else if (options.onFailure && options.InvalidFields.length > 0)
                         options.onFailure();
                     return r;
                 }
             }

<script type="text/javascript">
    function dateSelectionChanged(sender, args) {
            methods.validate();
    }
</script>

Answer 3

I have fixed it !!

I have called jQuery("#aspnetForm").valid();

I Have created a function called valid()

Like this :

 $.fn.valid = function (method) {
           methods._validateFields(this);
     };

Now its fine .... !