jQuery.validate验证禁用字段

Question

我在一个表单中有一个下拉菜单，它可以通过jQuery的.show()和.hide()控制哪些字段可用/不可用。在我的jquery.validate规则中，我将所有字段都设置为必填。

我的jquery.validate规则如下：

$("#new_course").validate({
ignore: ":disabled",
rules: {
"course_init_on": {required: true},
"mins_before": {required: true},
    .....

使用上述代码，仍会验证隐藏的字段并阻止表单提交。

- ed1t

---

“隐藏”和“禁用”是不同的。 - Pointy

Answer 1

我看到你已经添加了忽略 ":disabled"，它不同于 ":hidden"

我认为你应该使用：

$("#new_course").validate({
ignore: ":hidden",
...

- Mo Valipour

Answer 2

如果你真的想要禁用表单元素（否则浏览器会提交这些数据），请使用以下代码：

$("#elm").attr("disabled", "disabled");

那么上述代码将完美地工作，您不会向服务器发布不必要的数据 :)

- Prydie

Answer 3

validate.js中未勾选禁用（硬编码）：

elements: function() {
            var validator = this,
                rulesCache = {};

            // select all valid inputs inside the form (no submit or reset buttons)
            return $(this.currentForm)
            .find("input, select, textarea")
            .not(":submit, :reset, :image, [disabled]");
          }

你需要使用 readonly 属性而不是 disabled。

- Lapenkov Vladimir

Answer 4

尝试：

$("#new_course").validate({
ignore: ":hidden",
rules: {
"course_init_on": {required: true},
"mins_before": {required: true},
    .....

- Shef