使用提交按钮时页面刷新答案

【问题标题】：page refresh when using submit button使用提交按钮时页面刷新
【发布时间】：2013-04-04 07:41:28
【问题描述】：

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

【问题讨论】：

MVC 验证需要在您的视图中引用 jquery.validate.unobtrusive javascript 文件。另外，请确保将所需的DataAnnotations 添加到相应的模型中。

标签： javascript html validation

【解决方案1】：

尝试在 button() 函数的末尾添加 return false;。

【讨论】：

但它没有验证数据，它把空值传递给控制器去另一个步骤

【解决方案2】：

改成

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

这个

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

因为使用 input type=submit 提交表单，我们无法阻止页面刷新。但是使用 input type=button 并在您的 onclick 函数中使用 javascript 函数 form.submit 提交表单。所以页面将被刷新并提交如果所有验证都通过了

【讨论】：

使用按钮验证数据？
type="button" 不验证数据