フォームonsubmitがDOM要素を呼び出すときにエラーが発生しました

Question

私は単純なHtml.BeginFormをいくつかのデータで使用しています。フォームが送信される前に、ユーザーが "submit"ボタンをクリックしたときにonsubmit（）JavaScript関数を使用して、そして、この条件が偽である場合、私はページをリロードするのをやめたいだけで、私のフォームをPOSTメソッドに送らないでください。これが正常に動作している、ビット私は、問題に会った私はonSubmit検証で作成DOM要素（）メソッド消える理由：私はfalseを返すようにしたい、とフォームを送信しないので

@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> 

は、テキストそのI何が間違っているのかを示すvalidation-divに追加してください。これは、私が達成したいものではありません。時間が非常に短いため、ユーザーはそれに気付くことさえできません！

Answer 1

ボタンのクリックイベントを手動でトリガーします。 タイプがボタンであることを確認してください。

あなたは**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>