有条件的远程验证答案

【问题标题】：Conditional remote validation有条件的远程验证
【发布时间】：2012-05-12 04:23:07
【问题描述】：

我有一个通过 jQuery Validate 插件进行验证的表单。除了一件事，一切都很好。

我有一个正在使用的字段，即远程规则，并且我正在使用 AJAX 检查是否已经存在同名的应用程序记录。仅当用户更改字段中的值时，我才需要执行此验证。

这是我的验证码：

$('#createapp').validate({
    rules: {
      appname: {
        minlength: 8,
        required: true,
        remote: {
                url: "<?php echo base_url();?>app/application/check_app",
                type:"POST",
                async: false,
                data:  {
                appname: function() {
                return $("#appname").val();
          }
        }  
      }
      },
      apptitle: {
        required: true
      }
    },
    messages: {
        appname: {
      remote: "Application with same name already exists"
      }
     },
    highlight: function(label) {
        $(label).closest('.control-group').addClass('error');
    },
    success: function(label) {
        label
            .text('OK!').addClass('valid')
            .closest('.control-group').addClass('success');
    }
  });

我需要这样做：

仅当用户更改 appname 字段中的文本时才执行远程验证。我尝试使用依赖，但无法使其工作。这基本上是我尝试过的：

remote: {
            depends: function(element){
            return ($('#appname').val() != "<?php echo trim($application[0]->app_name) ?>" );
            }

【问题讨论】：

这可能会对您有所帮助：forum.jquery.com/topic/jquery-validate-remote-vs-depends
该主题是 3 年前发布的，它说这是一个错误。它曾经修复过还是我需要解决方法？？？
我不认为它已被修复；我现在会采用解决方法。我在插件github页面上找不到问题，但值得一看：github.com/jzaefferer/jquery-validation/issues/…

标签： jquery jquery-validate depends

【解决方案1】：

我终于使用了一种解决方法。如下

将原始名称作为隐藏参数传递

<input type="hidden" name="orgappletname" id="orgappletname"
  value="<?php echo $applet[0]->applet_name ?>">

设置 jQuery 以与原始名称进行比较，并查看模糊时是否发生了某些变化。如果是，则触发 ajax 请求以检查更改的名称。

$('#appletname').blur(function(){
 if($(this).val() != $('#orgappname').val()){
    $.ajax({
        url: "<?php echo base_url() . "apl/applet/check_applet" ?>",
        data: "appletname=" + $(this).val(),
        type: "POST",
        success: function (msg) {
        }
    });
  }
  });

我不确定这是否是正确的方法，但它对我有用。

【讨论】：

【解决方案2】：

@user1017268

这也有效，不知道为什么，预计它会失败；-) 如果您将远程验证规则换成一个单独的方法，那么您可以执行类似 (coffeescript) 的操作：

getEmailRule = () ->
  which = window.location.pathname.split('/')[1]
  if which == 'renew' then required: true
  else remote: { url: "/user/exists", type: "POST", async: false } 

isValid = $('#subscriptionForm').validate({
  rules: {
    email:      getEmailRule()
    password:   "strongPass"
    orderTotal: "gtZero"
  }
}).form()

当更新用户已经登录时，它只执行远程电子邮件存在检查订阅非续订（即注册），因为email must exist ;-)

【讨论】：