form中onsubmit的使用

form 中的onsubmit在点submit按钮时被触发，如果return false;则结果不会被提交到action中去（也就是提交动作不会发生），如果不返回或者返回true，则执行提交动作。（<a οnclick=”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 οnclick="return confirm('是否跳转到百度？');" href="http://www.baidu.com">baidu</a><form name="form1" οnsubmit="return confirm('是否进行提交？');"><input type="submit" value="submit" /><input type="button" value="button" onClick="buttonSubmit();"</form>
</body>
</html>

结论：
1.如果html中使用form的onsubmit进行提交前的数据验证，需要验证函数返回一个布尔值，而且要写成οnsubmit=”return 函数名();” return不能少，否则无论函数返回true还是false都能够提交，达不到验证的目的。
2.只能使用sunmit按钮进行提交才触发onsubmit事件，button按钮的提交不能触发onsubmit事件。

转载于:https://www.cnblogs.com/moqiang02/p/4061529.html

form中onsubmit的使用相关推荐

html form中onsubmit的使用
html form 中的onsubmit在点submit按钮时被触发,如果return false;则结果不会被提交到action中去(也就是提交动作不会发生),如果不返回或者返回true,则执行提交 ...
js form中的onsubmit和action
在js中,form中的onsubmit和action的区别: οnsubmit="函数名",提交一个函数,执行当前的这个函数,点击<input type="subm ...
关于表单form元素中onsubmit事件处理机制的认识
博主目前处于Js学习的初期,遇到了很多问题,比如今天的关于表单form元素中onsubmit事件问题,根据教程所述,onsubmit事件是在表单提交的时候触发的,但是我看到教程上的onsubmit事件 ...
button 和input 的区别及在表单form中的用法
先说一下button 和input的定义: <button> 标签定义的是一个按钮 1.在 <button> 元素内部,您可以放置任何内容,比如文本或图像.这是该元素与使用 & ...
form的onsubmit验证
网页表单的提交可以有多种方法实现. 可以用javascript写个提交的方法,在button的onclick中触发.也可以将input的type设置成submit,并对form进行action 和me ...
【js与jquery】html中onsubmit事件的用法
onsubmit可以理解为一个函数的名称,而onsubmit等号右边的字符串可以理解为一个函数体,在web开发中,onsubmit函数要求必须有返回值:如果返回值为true,则代表允许提交表单:如果返 ...
如何在Form中使用键弹性域（Key Flexfield）
在应用弹性域之前必须先定义弹性域,定义之前必须先注册表列.如果你的弹性域已经在Oracle Application Object Library中已经定义和注册了,并且弹性域表和列已经在数据库中存在, ...
C#如何在Form中嵌入并且操作Excel表格
网上比较多讲述如何操作excel表的文章,但都是启动excel的窗口来打开excel数据文件.有时候需要把excel表嵌入到自己程序的form中,给客户一个不用切换窗口的操作界面,似乎更好.这在vc中 ...
Struts Form中Date类型之“argument type mismatch”错误解决方法
现象: 当输入页面中含有日期如2008-01-01时,如果Form中对于的字段为Date类型,则会出现"argument type mismatch"错误. 原因: Struts的 ...

form中onsubmit的使用

form中onsubmit的使用相关推荐

最新文章

热门文章