form中onsubmit的使用
2024-09-28 10:50:50
form 中的onsubmit在点submit按钮时被触发,如果return false;则结果不会被提交到action中去(也就是提交动作不会发生),如果不返回或者返回true,则执行提交动作。(<a onclick=”return confirm(‘是否跳转到百度?’);” href=”http://www.baidu.com”>baidu</a>也同理),下面是一个例子程序。
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>html form onsubmit使用</title>
<script type="text/javascript">
alert("加载此页面时执行");
function buttonSubmit(){
document.form1.submit();
}
</script>
</head>
<body>
<a onclick="return confirm('是否跳转到百度?');" href="http://www.baidu.com">baidu</a>
<form name="form1" onsubmit="return confirm('是否进行提交?');">
<input type="submit" value="submit" />
<input type="button" value="button" onClick="buttonSubmit();"
</form>
</body>
</html>
结论:
1.如果html中使用form的onsubmit进行提交前的数据验证,需要验证函数返回一个布尔值,而且要写成onsubmit=”return 函数名();” return不能少,否则无论函数返回true还是false都能够提交,达不到验证的目的。
2.只能使用sunmit按钮进行提交才触发onsubmit事件,button按钮的提交不能触发onsubmit事件。
最新文章
- get_locked_objects_rpt.sql
- 2016年终分析(传统开发与网络时代的Java开发)
- Android开发之各个语言
- jquery.validate.js的remote用法
- 配置Tomcat的JVM的大小解决Tomcat内存溢出的问题
- jQuery&;HTML&;CSS3实现垂直手风琴折叠菜单方法讲解
- OpenSSH远程拒绝服务漏洞
- 支持mdev的init脚本片断
- KindeEditor图片上传插件用法
- Python 运行效率为何低
- mysql(mariadb)如何更改root密码
- DWM1000 三基站一标签定位HEX
- Git上传本地代码
- 埋锅。。。BZOJ1004-置换群+burnside定理+
- Effective Java 第三版——88. 防御性地编写READOBJECT方法
- Jquery 组 tbale表格滚动条
- 【Linux】VMware虚拟机中如何配置静态IP
- Laravel View Composer - 当 include 一个模板时,自动获取其所需的变量
- windows下远程连接Mysql
- python中的面向对象学习之继承实例讲解
热门文章
- MongoDB优化之三:如何排查MongoDB CPU利用率高的问题
- 快速搭建SpringBoot项目
- java报表开发之报表总述
- codeforces educational round25
- mongodb切换到admin
- Oracal主键 唯一报错
- 3、perl进阶
- 《精通Spring4.X企业应用开发实战》读后感第七章(创建增强类)
- c/c++转义字符大全【转自互联网】
- Cannot uninstall &#39;enum34&#39;. It is a distutils installed project and thus we cannot accurately determine which files belong to it which would lead to only a partial uninstall.