錯誤消息框中的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顯示錯誤

回答

相關問題