拦截提交表单时的数据验证失败

发布于 2024-11-05 04:09:45 字数 708 浏览 1 评论 0原文

我正在 ASP.NET MVC 3 中编写一个表单（但在其他环境中情况可能类似）。在提交表单时，我想禁用该页面，因为服务器处理有点长，所以我想避免用户单击按钮两次。我使用 blockUI 插件功能，如：

<script type="text/javascript">
    jQuery(document).ready(function () {
        $('#AddUserForm').submit(function () {
            $.blockUI();
        });
    });
</script>

我不担心取消阻止 UI，因为我的表单提交会生成一个新页面加载，所以无论如何事情都要从头开始。问题是我的表单使用数据验证属性，如果

<input class="text-box single-line" data-val="true" data-val-required="The UserName field is required." id="UserName" name="UserName" type="text" value="" />

某个字段未正确验证，则会提交表单（我的代码被执行，阻止 UI），但页面甚至没有重新加载，所以我完全被阻止。

有谁知道在这种情况下是否有一个事件需要拦截，或者有一个有用的替代方案？提前致谢。安德里亚·比奥利

原文

I'm writing a form in ASP.NET MVC 3 (but things can be similar in other environments).
On submitting a form, I want to disable the page, because server processing is a bit long, so I want to avoid the user clicking twice on the buttons.
I use the blockUI plugin function, like in:

<script type="text/javascript">
    jQuery(document).ready(function () {
        $('#AddUserForm').submit(function () {
            $.blockUI();
        });
    });
</script>

I do not worry about UN-blocking the UI, because my form submitting generates a new page loading, so things start from the beginning anyway.
The problem is that my form uses data validation attributes, as in

<input class="text-box single-line" data-val="true" data-val-required="The UserName field is required." id="UserName" name="UserName" type="text" value="" />

so if a field is not validated correctly, the form IS submitted (my code is executed, blocking the UI), but the page is not even reloaded, so I'm totally blocked.

Does anyone know if there's an event to intercept, for this case, or a useful alternative?
Thanks in advance.
Andrea Bioli

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

空城旧梦 2024-11-12 04:09:45

使用 web.config 中的 mvc3、ClientValidationEnabled 和 UnobtrusiveJavaScriptEnabled，您可以简单地在提交中使用：

if ($("form:first").valid()) { $.blockUI({ message: 'Un instant svp...' }); }

回复收藏 0 原文

很快妥协 2024-11-12 04:09:45

查看 preventDefault 方法。

<script type="text/javascript">
    jQuery(document).ready(function () {
        $('#AddUserForm').submit(function (event) {
            event.preventDefault();
            $.blockUI();
        });
    });
</script>

Look at the preventDefault method.

<script type="text/javascript">
    jQuery(document).ready(function () {
        $('#AddUserForm').submit(function (event) {
            event.preventDefault();
            $.blockUI();
        });
    });
</script>

回复收藏 0 原文

~没有更多了~