JQuery新手:从JQuery内部调用Javascript函数验证

时间:2010-11-18 03:25:06

标签: javascript jquery jquery-validate

我的问题与此类似:Call javascript function from jquery success;但我没有使用AJAX。

很简单,我正在验证表格(只是邮政编码)作为Google地图网络应用的一部分。验证码如下:

$(document).ready(function($)
 {
  $("#clientInput").validate
   ({
    debug: true,

    rules:{zipcode: {required:true, minlength:5, maxlength:10, digits: true}},

    messages: {zipcode: {required: "You need to provide at least a zipcode.", minlength: "Please enter at least 5 digits", maxlength: "You've entered too many digits, please re-enter."}},


   });

   searchlocations();
});

粗体函数调用阻碍了我,它是对Google Map API函数的调用,但它永远不会被调用。谷歌地图javascript在此代码之前加载(虽然它在一个单独的文件中),在我添加验证代码之前,我通过提交按钮的onclick()事件调用了该函数。

如何在成功验证表单时调用此函数?

TIA!

2 个答案:

答案 0 :(得分:1)

您需要将函数设为submitHandler以进行验证。

答案 1 :(得分:1)

查克是对的;这里有一个例子可以提供帮助,但是:

$(document).ready(function($)
 {
  $("#clientInput").validate
   ({
    debug: true,

    rules:{zipcode: {required:true, minlength:5, maxlength:10, digits: true}},

    messages: {zipcode: {required: "You need to provide at least a zipcode.", minlength: "Please enter at least 5 digits", maxlength: "You've entered too many digits, please re-enter."}},

    submitHandler: function() {
            searchlocations();
    }

   });

});

如果您只需要调用searchLocations,只需直接分配searchLocations函数即可使其更简单:

    submitHandler: searchLocations