4

我正在使用 jquery validate 插件来使用该插件的远程方法针对数据库验证电子邮件地址。

我需要检查电子邮件地址是否已经在我们的数据库中。最初，脚本结合服务器端代码只是检查我们数据库中的电子邮件地址并返回真或假，这很成功。

我现在需要添加一个附加功能，因为我们现在可以在数据库中拥有相同的电子邮件地址，只要记录的 siteid 不同，即如果 fred@bloggs.com 的记录具有 siteid=site1 存在于数据库中，您不能再次添加 fred@bloggs.com 的 siteid=site1，但您可以添加 fred@bloggs.com 的 siteid=site2。

我已经确认服务器端代码正在工作，并且对于给定的电子邮件地址和站点 ID，它按预期返回 true 或 false。

每当更改 siteid 选择框时，我都想重新验证电子邮件字段。目前它似乎记得它是以前的验证（它已经在加载时验证）并且不受 siteid 更改的影响，除非我将电子邮件从 fred@bloggs.com 更改为其他内容，然后将其更改回来，然后它会正确验证为新的siteid。我尝试了删除规则和添加规则的组合，似乎没有任何效果。

帮助！

<html>
<head>
<script type="text/javascript">
$(document).ready(function () {
    var enquiryform = {
        rules: {
       email: {
           required: true,
      email: true,
      remote: 'emailcheck2.asp?siteid=' + $('#siteid').val()
       }        
   },
   messages: {
            email: {
           remote: 'exists already!'
       }
        }           
    };

    var validatedform = $(".validatedform").validate(enquiryform).form();       
    $("#siteid").bind("change", function(e){
        enquiryform.rules.email.remote='emailcheck2.asp?siteid=' + $('#siteid').val();
    });
});
</script>
</head>
<body class="contactadd">
</head>
<body>
<form method="Post" class="validatedform">
<input class="email" id="email" name="email" type="text">
<select id="siteid" name="siteid">
<option value="1">Site 1</option>
<option value="2">Site 2</option>
</select>
<input id="submitbutton" type="submit" value="Create">
</form>
</body>
</html>
4

3 回答 3

10

该插件出于性能原因缓存该值。作为现在的解决方法，您可以尝试在依赖值更改时手动使缓存无效：

$("#site").change(function() {
  $("#email").removeData("previousValue");
});
于 2009-11-30T18:51:42.533 回答
1

嗨，如果您使用这个 jquery valdation 插件， http: //docs.jquery.com/Plugins/Validation/validate

如果您想发送附加参数（例如 siteid）进行远程验证，您可以执行以下操作：

var enquiryform = {
        rules: {
            email: {
                required: true,
                email: true,
                remote: {
                    url: "emailcheck2.asp", //this should be the full path url including base url
                    data: {
                        siteid: function() {
                            return $('#siteid').val();
                        }
                    }
                }
            }
        }
    };
于 2012-08-27T17:09:20.400 回答
1

据我所知，这可能是验证插件的限制。有几种触发验证的选项（这是您想要做的）在http://docs.jquery.com/Plugins/Validation/validate#toptions但我看不到在另一个元素更改时触发对一个元素进行验证的方法。

您最好的选择是将您的验证代码放在这样的位置：

$('select#siteid').onChange(function(){
        $('form.validatedform').validate({ 
                 rules:{
                       email: {
                              required: true,
                              email: true,
                              remote: 'emailcheck2.asp?siteid=' + $('#siteid').val()
                       }
                  }
         });
  });
于 2009-09-16T17:26:20.107 回答