Javascript 使用“提交”按钮时刷新页面

Javascript 使用“提交”按钮时刷新页面,javascript,html,validation,Javascript,Html,Validation,我正在使用带有验证的html页面。但是当我点击输入提交按钮时,页面被刷新了。但是如何限制刷新页面。我的示例代码是: <div > @Html.LabelFor(m => m.1) @Html.TextBoxFor(m => Model.1, new { @id = "student", @class = "test" }) <input type="submit" va

我正在使用带有验证的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>

@LabelFor(m=>m.1)
@TextBoxFor(m=>Model.1,新的{@id=“student”,@class=“test”})
@Html.ValidationMessageFor(m=>m.1)

尝试添加
返回false按钮()的末尾添加code>。

将此更改为

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

这个



因为使用input type=submit提交表单,我们无法阻止页面刷新。但是使用input type=button并在
onclick
函数中使用javascript函数
form提交表单。submit
。因此,如果所有验证都通过了,页面将被刷新并提交,但其数据未通过验证,它将空值传递给控制器转到另一个步骤使用按钮验证数据?type=“button”不验证数据MVC验证需要在视图中引用
jquery.validate.unobtrusive
javascript文件。此外,请确保将所需的
数据注释添加到相应的模型中。
<input type="button" value="click valid" onclick="button();" />