1 使用背景:会议室预定管理系统中,当表单提交的时候需要验证预约的时间是否符合预定规则,否则提示错误信息,阻止表单提交。
2 相关技术点:
form的两个事件
- submit,提交表单,如果直接调用该函数,则直接提交表单
- 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
原标题:利用JS 阻止表单提交
关键词:JS