jquery - prevent jQuery validation messages until submit

Question

I just want to hide all the error message during and after typing the field (wrong input or empty field). And once the submit/button pressed then the message will all appear/visible.

The problem is... every time I typed wrong or I leave the text field empty it always shows the error message such "this fields is required", etc.

rules : {

    "user.firstname" : {
    required : true,
    maxlength: 50,

},
messsages : {
required : "required",
maxlength: "the max-length is 50"
"
}

Answer 1

根据在线文档，您需要使用onfocusout:和onkeyup:选项。

---

在模糊时验证元素（复选框/单选按钮除外）。如果未输入任何内容，则跳过所有规则，除非该字段已被标记为无效。

这将禁用onblur 验证：

onfocusout: false

---

验证 keyup 上的元素。只要该字段未被标记为无效，就不会发生任何事情。否则，将检查每个按键事件的所有规则。

这将禁用onkeyup 验证：

onkeyup: false

---

根据您是否有复选框和单选按钮，您可能还希望禁用该onclick:选项。

单击时验证复选框和单选按钮。

这将禁用onclick 验证：

onclick: false

Answer 2

而不是 $(document).ready(function(){} 您可以尝试使用

$('input[type=submit]').click(function(event) {
 // Do your validation, if it fails use event.preventDefault();  
});

试试看，让我知道会发生什么...