jquery - jQuery验证：仅当表单ID包含文本时才将规则应用于输入

Question

我有一个看起来像这样的表格

<form id="new_user" action="users">
  <input  id="user_email" class="string email required span5 valid" type="text"    
  value="nicolas@demoreau.be" size="80" placeholder="user@domain.com" name="user[email]">
</form>

如果我想更新我的用户，表单 ID 将变为“edit_user”。仅当表单 id 包含“新”时，我才想在我的 user_email 上添加规则。我试着这样做：

$("form[id*=new][data-validate=true]").find("#user_email").rules("add", {
  remote: {
    url: "check_email",
    type: "post"
  },
  messages: {
    remote: "There is already a user with this email address!"
  }
});

但是，当我使用编辑表单时，这会产生一个错误：“元素未定义”，这是正常的，因为它无法在任何地方找到 user_email。

什么是正确的方法？

Answer 1

在创建规则之前检查您想要的表单和元素是否存在。

if ($("form[id*=new][data-validate=true]").find("#user_email").length > 0){
    $('#user_email').rules("add", {
      remote: {
        url: "check_email",
        type: "post"
      },
      messages: {
        remote: "There is already a user with this email address!"
      }
    });
}

Answer 2

只试试这个，

$("#user_email").rules("add", {
         remote: {
             url: "check_email",
             type: "post"
         },
         messages: {
             remote: "There is already a user with this email address!"
         }
        });
    });