错误消息框中的jQuery.validate显示错误

我使用下面的内容在每个未填充字段旁边显示错误消息。我想简化一些事情，只要点击提交按钮并且字段没有填写，就会出现一个名为“请填写所有字段”的错误框。 class="required"正用于所需的每种字段类型。我将如何做到这一点，我使用showError？错误消息框中的jQuery.validate显示错误

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#form1").validate({ 
     errorLabelContainer: $("#form1 div.error") 
    }); 
</script>

来源

2012-08-25 acctman

也许，这将有助于http://docs.jquery.com/Plugins/Validation#demo显示一个弹出窗口http://jquery.bassistance.de/validate/demo/marketo/ – Sora

@索拉我正在寻找一个弹出对话框错误框。我已经看过上面的例子，在div中打印错误 – acctman

Code

显示形式上方的消息，指示当用户试图提交无效形式多少个字段是无效的。的

$(".selector").validate({ 
invalidHandler: function(form, validator) { 
    var errors = validator.numberOfInvalids(); 
    if (errors) { 
    var message = errors == 1 
     ? 'You missed 1 field. It has been highlighted' 
     : 'You missed ' + errors + ' fields. They have been highlighted'; 
    $("div.error span").html(message); 
    $("div.error").show(); 
    } else { 
    $("div.error").hide(); 
    } 
} 
})

而不是使用一个div使用另一个jQuery库可以用相同的错误消息

来源

2012-08-25 09:27:15 Sora

我正在尝试做一个对话框弹出框。我没有问题像在我原来的帖子中显示在一个div中的错误。 – acctman

使用jquery对话框而不是$（“div.error”）。show（）;使用$（“div.error”）。dialog（）;这是一个链接的API http://jqueryui.com/demos/dialog/ – Sora

验证插件有invalidHandler: function(e, validator)这将适合您的需求。

小演示：http://jsfiddle.net/codovations/5YHQb/1/

来源

2012-08-25 09:01:13 naveen

我该如何应用这个，我找不到一个卖给我的例子。这比ShowError好吗？ – acctman

@acctman：更新的代码。很好的问题btw。感谢你，我有一个自己的小片段来显示错误摘要是弹出窗口。 – naveen

错误消息框中的jQuery.validate显示错误

回答

相关问题