使用表单onsubmit属性进行表单提交前js判定
来源:互联网 发布:家用千兆网络方案推荐 编辑:程序博客网 时间:2024/03/28 22:33
项目是一个BBS论坛项目,需要在表单进行提交前判定标题是否为空,若为空的话则不允许进行提交。
一般的处理方式为:
<button class="addBtn" onclick="submitForm()">发布主题</button>然后在submitForm()函数内部进行提交前的判定,最后进行提交或者输出提示后不提交。
但是感觉这样代码混杂度更高,使用onsubmit属性应该会使代码更加简洁。而且也不用手动调用submit()方法。
我的表单是这样的:
<form method="post" action="titles_Add.action" <span style="color:#ff6666;">onsubmit="return checkinput()"</span>>如此定义的时候提交前会先进入checkinput()方法,若方法返回false则不提交表单。返回true才会提交表单。
checkinput()方法如下:
function checkinput(){ var title = document.getElementById("title").value;if(title == null || title == ''){alert("标题不能为空");return false;} return true;}但是这样做的话提交必须使用<input>标签定义提交按钮,即:
<input class="addBtn" type="submit" value="发布主题" />
若手动调用submit()方法的话,onsubmit阻止提交的作用不会生效,程序会在运行checkinput方法后继续运行submit()方法进行提交。
比如下面这种提交方式就无法阻止提交,但仍会执行checkinput方法并输出语句:
<button class="addBtn" onclick="submit()">发布主题</button>onsubmit属性实质上只是定义了表单提交前需要执行的方法。但是当其中加入了return关键字之后,即其内部运行结果为return false时,有阻止表单提交的作用,所以才有了此种用法。
1 0
- 使用表单onsubmit属性进行表单提交前js判定
- 表单提交前使用属性onsubmit进行拦截验证
- js form onsubmit 表单提交
- onsubmit阻止表单提交
- OnSubmit阻止表单提交
- onsubmit阻止表单提交
- Js 中关于注册表单,使用onsubmit进行拦截提交,并判断用户填写的内容是否正确
- JS实现表单内容验证、阻止表单提交(onsubmit)
- 表单验证---Onsubmit 属性
- form的onsubmit事件--表单提交前的验证
- jquery onsubmit 表单提交判断
- 表单的提交onsubmit事件
- onsubmit用来表单的提交
- 使用JS提交表单
- 使用JS提交表单
- 有关onsubmit return false 阻止form表单提交:js
- 有关onsubmit return false 阻止form表单提交:js
- 使用JavaScript进行表单提交前的验证
- Bootstrap字体图标
- React Native笔记
- 你知道吗?Cognos也可以美美哒
- 服务端缓存的问题。
- 1045, "Access denied for user 'root'@'localhost' (using password: YES)"
- 使用表单onsubmit属性进行表单提交前js判定
- 更改eclipse(myeclipse) author的默认名字(注释的作者)
- 基于Bmob的聊天开发
- ci框架hooks使用
- JAVA并发-3种典型的死锁
- linux 文件删除而空间没有释放的解决办法
- Program4_D
- java基础语法练习--输入年月日确定星期几
- localtime_r的实现