使用 validate 檢查空字段

Question

我有這個代碼：

$("#formulario").validate({
ignore: [],
rules: {
        nome:{required: true},
        contato:{required: true},
        telefone:{required: true},
         cidade:{required: true},
        email:{required: true, email: true},
        mensagem:{required: true},
      },
  });

它完美地工作！

但是我在表單中插入了一個名為 URL 的隱藏字段，並且只有在該隱藏字段為 EMPTY 時才應執行上述代碼。

怎么做？

Answer 1

假設，隱藏輸入字段的 id url 。

您可以將 function 調用包裝在 if 條件中，您可以在其中檢查 ID 為url的隱藏字段是否為空。

var hiddenField = $('#url');
 if( hiddenField.val().length === 0 ) {
       $("#formulario").validate({
    ignore: [],
    rules: {
        nome:{required: true},
        contato:{required: true},
        telefone:{required: true},
        cidade:{required: true},
        email:{required: true, email: true},
        mensagem:{required: true},
       }
    });
   }

Answer 2

您可以在 jQuery 驗證器中進行一些驗證...

$("#formulario").validate({
ignore: [],
rules: {
        newHiddenField:{maxlength: 0},
        ...
        nome:{required: true},
        contato:{required: true},
        telefone:{required: true},
        cidade:{required: true},
        email:{required: true, email: true},
        mensagem:{required: true},
      }
});

或者您可以檢查該字段是否為空，如果是則調用驗證器...

let isHiddenFieldEmpty = Boolean($("#formulario input[name=newHiddenField]").val().length === 0);

isHiddenFieldEmpty && $("#formulario").validate({
ignore: [],
rules: {
        nome:{required: true},
        contato:{required: true},
        telefone:{required: true},
        cidade:{required: true},
        email:{required: true, email: true},
        mensagem:{required: true},
      }
});