javascript - 送信ボタン使用時のページ更新

Question

私はバリデーション付きのhtmlページを使用しています。しかし、入力送信ボタンをクリックすると、ページが更新されました。しかし、ページの更新を制限する方法。私のサンプルコードは次のとおりです。

<div >

                @Html.LabelFor(m => m.1)
                @Html.TextBoxFor(m => Model.1, new { @id = "student", @class = "test" })

               <input type="submit" value="click valid" onclick="button();" />

             <div> <span style="color:Red"> @Html.ValidationMessageFor(m => m.1) </span>
             </div>

         </div>

Answer 1

Try adding return false; at the end of your button() function.

Answer 2

これをに変更

<input type="submit" value="click valid" onclick="button();" />

これ

<input type="button" value="click valid" onclick="button();" />

input type=submit を使用するとフォームが送信され、ページの更新を防ぐことonclickがform.submitできないためです。