ASP.NET 当表单 onsubmit 调用 DOM 元素消失时

Question

我有一些简单的 Html.BeginForm 和一些数据，我想在发送表单之前在用户单击 "submit" 按钮时使用 onsubmit() javascript 函数检查一些条件。当这个条件为假时，我想停止重新加载页面，只是不要将我的表单发送到 POST 方法。这工作正常，我遇到了一个问题，因为我在 onsubmit() 方法中创建的 DOM 元素消失了:

 @using (Html.BeginForm("Register", "Account", FormMethod.Post, new { @class = "form-horizontal", role = "form", **onsubmit=" return registerValidation()"**}))
    {
        @Html.AntiForgeryToken()

     @Html.TextBoxFor(m => m.Email, new { @class = "form-control", @id = "emailVal"})
     @Html.ValidationMessageFor(m => m.Email,"", new { @class = "validation-error-white", @id="emailValidation"})

     <input type="submit" class="btn btn-warning btn-block add-item-button-text" value="Zarejestruj" />

    }


<script type="text/javascript">

   function registerValidation() {

            var validForm = validateRegisterForm(email, login);
            if (!validForm) {
                $('#emailValidation').append('Those email already exists! Take another one');
                return false;
            }
            return true;
        }
  </script>

所以当我想 return false 并且不发送表单时，我附加到验证的文本 - div 说出了什么问题就消失了 - 这不是我想要实现的，因为时间非常短，用户甚至都不会注意到！

Answer 1

您手动触发按钮点击事件。确保 type 是 button.

你不需要**onsubmit=" return registerValidation()"**

<input id="btnSubmit" type="button" ... />

<script type="text/javascript">

    $(function () {

        // Trigger btnSubmit button's click event, when enter key is pressed.
        // If you do not want that feature, you can ignore this. 
        $("form").keydown(function (event) {
            if (event.keyCode === 13) {
                $("#btnSubmit").click();
                return false;
            }
        });

        $("#btnSubmit").click(function () {
            // Do something, then submit the form
            $("form").submit();
        });
    });
</script>

ASP.NET 当表单 onsubmit 调用 DOM 元素消失时

ASP.NET when form onsubmit called DOM elements disappear

javascript

asp.net

jquery

onsubmit