jquery，验证器无效类应用于提交时的非空字段

Question

我有一个表单，我正在使用jquery和验证。 我在验证中使用errorPlacement将边框放在缺少的必需字段周围。 它似乎按照我的意愿工作，除非字段预先填充。 提交表单时，验证标记预填充的文本字段无效。 如果我给焦点然后离开字段，预填字段将全部删除边框。 请参阅http://jsfiddle.net/paries/u3Td3/8/

上的示例

Answer 1

您可以在放置之前检查错误文本。

    errorPlacement: function(error, element) {
        if(error.text().length>0){
            $(element).filter(':not(.valid)').addClass("invalid");
        }
    },

Answer 2

只需将您的CSS更改为挂起.error，这是jQuery validate默认使用的类，表示无效字段。

您的问题因订单而发生：在添加有效类之前，您的:not('.valid')检查已运行。如果在点击＆＃34后检查预先填充的输入，请继续＆＃34;在您的示例中，您会发现他们同时拥有invalid和valid作为类。

http://jsfiddle.net/u3Td3/12/