javascript - jQuery 验证 - 多组

Question

我正在设计一个具有以下内容的用户控件:

• 一个名为“AddressInput”的文本框
• 谷歌地图插件
• 一个链接按钮
• 名为“MarkerTitleInput”的标记标题文本框
• “提交”按钮

问题是这样的:

单击链接按钮时，我需要验证 AddressInput 是否已完成，但没有别的

单击提交按钮后，我需要验证 AddressInput 和 MarkerTitleInput 是否都已完成。

所以我的前两个问题是:1)如何在不提交表单的情况下验证链接按钮中的某些字段2) 我如何验证提交的表单中的所有字段

我的另一个问题是，当单击链接按钮时，我的代码会针对 Google 的地理编码运行查找以获取地​​址。我打算创建一个额外的验证方法来处理找不到地址的情况，但是使用验证器意味着每次按下键时都会发送 json 请求，这太多了——我只希望在链接按钮是时运行验证点击。我试过 (selector).validate({ onkeyup:false }) 但无济于事。是否可以手动设置 .valid() 方法是否认为表单有效？

谢谢艾尔

Answer 1

$("form").validate({

      groups:{

          pg1:"_Phone1 _Phone2 _Phone3",

          pg2:"dob_month dob_day dob_year"

      },

      errorPlacement:function(error, element){

      if(element.attr("name")=="_Phone1"|| element.attr("name")=="_Phone2" || element.attr("name")=="_Phone3"){

        error.insertAfter("#_Phone3")
      }

      else if
        (element.attr("name")=="dob_month"|| element.attr("name")=="dob_day" || element.attr("name")=="dob_year"){

        error.insertAfter("#dob_year")
      }

      else

        error.insertAfter(element);

      },

      });

});