无法处理提交功能答案

【问题标题】：Can't handle submit function无法处理提交功能
【发布时间】：2014-08-17 01:12:52
【问题描述】：

我想用 Viewbag 显示错误消息，但我无法处理按钮单击功能。我不能找到原因。如果它不为空，我的目标是显示我的 viewbag 消息。

在视图中：

  $(function () {        
            $("#changecompanyuserinfobutton").submit(function (e) {
                e.preventDefault();
                var deneme = ViewBag.MessageForAllRes;
                if(deneme != null)
                alert(deneme);            
            });
        });

 <button type="submit" id="#changecompanyuserinfobutton">ChangeCompanyUserInfoValues</button>

【问题讨论】：

标签： jquery asp.net-mvc asp.net-mvc-4 onclick submit

【解决方案1】：

只需从 html 中的 id 中删除 hash(#) 即可。

<button type="submit" id="changecompanyuserinfobutton">ChangeCompanyUserInfoValues</button>

【讨论】：

这只是短信错误。在我的项目中，ir 没有 # 但仍然无法正常工作
可能有冲突，使用jQuery.noConflict();

【解决方案2】：

删除e.preventDefault();。它阻止了您的提交操作。在发出警报消息之前，您的操作正在调用。检查。

【讨论】：

【解决方案3】：

您可以使用带有表单 ID 的提交事件处理程序。在 javascript 中访问 ViewBag 数据时检查语法。

<form id="target" >
 <button type="submit" id="changecompanyuserinfobutton">ChangeCompanyUserInfoValues</button>
</form>
<script>
    $(function () {
        $("#target").submit(function (e) {
            e.preventDefault();
            var deneme = "@(ViewBag.MessageForAllRes)";
            if (deneme != null)
                alert(deneme);
        });
    });
</script>

如果您想使用按钮 ID，则可以使用 click 事件。

<button type="submit" id="changecompanyuserinfobutton">ChangeCompanyUserInfoValues</button>
<script>
    $(function () {
        $("#changecompanyuserinfobutton").click(function (e) {
            e.preventDefault();
            var deneme = "@(ViewBag.MessageForAllRes)";
            if (deneme != null)
                alert(deneme);
        });
    });
</script>

【讨论】：

使用 formid 提交适用于第二次点击而不是第一次点击
两者都应该工作，检查这些样本； (1)jsfiddle.net/NLJBd,(2)jsfiddle.net/puGfp
可能与表单有关，因为它在第一次点击时不起作用
好的，希望我的回答对你有帮助！