Question

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

一个名为'AddressInput'的文本框
谷歌地图插件
一个linkbutton
标记标题的文本框，名为“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);

      },

      });

});

Answer 2

为两个按钮中的每一个提供一个唯一的类（为了便于在jQuery中进行定位）。

为每个类提供一个OnClick事件。

在OnClick事件中验证。

如果验证成功，则返回true。

否则返回false。

jQuery验证 - 多个组

2 个答案: