【问题标题】:jQuery form validation, property required if select option [duplicate]jQuery表单验证,如果选择选项则需要属性[重复]
【发布时间】:2015-02-22 00:20:04
【问题描述】:

我有一个网页,它根据传递的 ID 呈现不同的表单,表单处于部分视图中,目前验证工作正常,看起来像这样

 $("#MyForm").validate({
    rules: {
        "Model.Title": "required",
        "Model.Description": "required",
        "Model.SelectedPostageOption": "required",
        "Model.PostagePrice": "required", // Required only if SelectedPostageOption is 1
    },
    messages: {
        "Model.Title": "Please enter a title for your advert",
        "Model.Description": "Please enter a description",
        "Model.SelectedPostageOption": "Please select postage option",
        "Model.PostagePrice": "Please enter postage price",
    }
});

正如你所看到的,我有 SelectedPostageOption 这被设置为一个下拉列表,用户可以从 1 - 3 中选择一个值,如果他们选择 1 我需要强制他们在 PostagePrice 文本框中输入一个值,他们的属性是当前的 jquery 表单验证允许你说“Required If” 我目前正在使用以下插件 jQuery Validation Plugin v1.13.1-pre

** 更新**

我已经修改了邮费规则,现在看起来像这样

"Model.PostagePrice": {
    required: function (element) {
      return $("#SelectedPostageOption").val() == 1;
    }
 }

不幸的是,当点击提交时没有显示消息,即请输入邮费

【问题讨论】:

  • 我建议你从“预发布”版本 1.13.1 更新到 the final 1.13.1,它已经存在了一段时间。

标签: jquery jquery-validate


【解决方案1】:

我现在已经设法让它工作了,我应该参考实际的下拉列表 ID,下面的代码是最终结果并按预期工作。

"Model.PostagePrice": {
   required: function (element) {
   return $("#SelectedPostageOption").val() == 1;
  }
}

【讨论】:

    猜你喜欢
    • 2011-09-28
    • 2011-12-15
    • 2021-04-12
    • 1970-01-01
    • 2016-12-04
    • 1970-01-01
    • 1970-01-01
    • 2010-09-22
    • 1970-01-01
    相关资源
    最近更新 更多