在jQuery UI对话框中显示MVC3非侵入式验证摘要错误
|
我正在寻找在jQuery UI对话框中显示MVC3的不显眼的ValidationSummary错误。具体来说，我希望能够有一种“现场” \0ѭ般的体验。就是说，每当MVC3客户端验证显示（第一次）或更新（重复犯规）the1ѭ元素时，我都希望结果显示在jQuery UI对话框中。
我目前有一些类似的东西
@Using Html.BeginForm(\"Action\", \"Controller\", FormMethod.Post, New With {.id = \"MyForm\"})
@Html.ValidationSummary()
...
$(\'#MyForm\').submit(function () {
if (!$(this).valid()) {
$(\'.validation-summary-errors\').dialog(...);
return false;
}
});
没有找到相关结果
已邀请:
2 个回复
凸晴
事件和“ double-up”，所以这很好。似乎该解决方案感到“神秘”（至少在我的经验不足的人看来），我本来希望（并且仍在寻找）一种感觉更加成熟的解决方案。$(function () { // If there is an error element already (server side error), show it. showValidationSummaryDialog(); // When the form validates, and there is an error element, show it $(\'#MyForm\').bind(\'invalid-form.validate\', function (error, element) { showValidationSummaryDialog(); } } function showValidationSummaryDialog() { $(\'.validation-summary-errors\').dialog({ title: \'Unable to Save\', close: function () { $(this).dialog(\'destroy\') .prependTo($(\'#MyForm\')); // jQuery moves the source element out of the DOM. // We need to put it back in its place afterwards for validation to maintain its contents. // TODO: Is there a better way? } }); }孝箱捆讨
和，请尝试此操作。 按照@ckittel。@using (Html.BeginForm()) { @Html.ValidationSummary() <div id=\"ValidationSummary\" style=\"display:none\" class=\"validation-summary-errors\"> </div> } <script type=\"text/javascript\"> function showValidationSummaryDialog() { $(\'#ValidationSummary\').html($(\'.validation-summary-errors\').html()); $(\'#ValidationSummary\').dialog({ title: \'Error\', modal: true }); } $(document).ready(function () { $(\'form\').bind(\'invalid-form.validate\', function (error, element) { showValidationSummaryDialog(); }); }); </script>