Jquery验证插件可选验证

时间:2016-05-16 13:05:50

标签: javascript jquery

我今天开始使用验证插件,所以我对它不是很熟悉。这是问题所在。我有一个带有必填字段和复选框的用户注册表。当选中该复选框时,另一个隐藏的div会根据用户选择弹出更多必填字段。如何有条件地验证,而不必为表单的可选部分的每个字段反复执行相同的功能。 这是我的代码:

JQuery的/ JavaScript的

function requiredIfSelected() {
  if ($('#direcfactur').is(':checked')) {
    return true;
  } else {
    return false
  }
}

$("#direcfactur").on("click", function() {
  if (requiredIfSelected()) {
    $("#direccionfacturacion").removeClass("hidden");
  } else {
    $("#direccionfacturacion").addClass("hidden")
  }
});

$("#cformulariodos").validate({
  rules: {
    titularfact: {
      required: true,
      letterswithbasicpunc: true,
      maxWords: 2,
      minlength: 2,
      maxlength: 16
    },
    tarjetacredito: {
      required: true,
      creditcard: true,
    },
    ccw: {
      required: true,
      minlength: 3,
      maslength: 4,
      range: [0 - 9999],
    }

  }
});

因此,如果我将required:requiredIfSelected放在每个字段上,那么规则的处理方式应该超出应有的程度。 我对任何方法和方法都持开放态度,因为我显然错过了一些东西。

0 个答案:

没有答案