你的位置:首页 > ASP.net教程

[ASP.net教程]利用JS 阻止表单提交


 1 使用背景:会议室预定管理系统中,当表单提交的时候需要验证预约的时间是否符合预定规则,否则提示错误信息,阻止表单提交。

 2 相关技术点:

form的两个事件

  1. submit,提交表单,如果直接调用该函数,则直接提交表单
  2. onSubmit,提交按钮点击时先触发,然后触发submit事件。如果不加控制的话,默认返回true,因此表单总能提交。

3 Demo

页面代码:

1 @using (Html.BeginForm(null, null, null, FormMethod.Post, new { onSubmit = "returncheck();" })) // 注意:此处事件的写法:onsubmit = "return + 事件名()"2 { 
<input type="text" name="name">3 <input type="submit" value="提交">4 }

JS代码:

function check(){  if (document.testform.name.value=="admin")  {        alert("姓名不正确");        return false;      }  else{    return true;    }}

 2016-04-12