javascript - 使用数组中的值进行 jQuery 验证

Question

我有一个简单的表单，想添加一个自定义的 jQuery 验证规则。我希望文本字段 (bonuscode) 只有少数可能的值。我假设我需要这些值的数组，但对 javascript 了解不多，我不知道我哪里出错了。

jQuery.validator.addMethod("equals", function(value, element, param) {
    return this.optional(element) || value == param;
}, jQuery.format(""));

$(document).ready(function(){
    $("#form").validate({
        debug: false,
        rules: {
            bonuscode: {equals: ["code1", "code2"]}
        },
        messages: {
            bonuscode: "That's not a Bonus Code!",
        },
    });
});

Answer 1

将奖励值放在 javascript 数组中并不是一个好的解决方案。您可以向服务器发出 ajax 请求并检查奖金值。这是示例代码。

您可以使用验证插件中的远程选项来检查奖金

$("#form").validate({
  debug: false,
  rules: {
    bonuscode: {
      required: true,
      remote: {
        url: "check-bonus.php",
        type: "post",
        data: {
          bonuscode: function() {
            return $("#bonuscode").val();
          }
        }
      }
    }
  }
});