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事件。
分享到:
相关推荐
这里如果有<input type="image"> 那么直接按这个图像后会提交...form name=”F1″ onSubmit=”fuck();”> <input type=”image” src=”” width=”51″ height=”20″> </form></span> 另外一
IE6、IE7不支持在Javascript中调用form对象的onsubmit方法,本方法用于兼容IE6、IE7下对onsubmit方法的支持,各大浏览器均测试过。
第一:action是form的属性,html5已经将其定义为必需的属性值,onSubmit为事件,通过<input type=submit />提交时进行一个函数验证。。 第二:要说执行的先后顺序,个人理解是onSubmit在先,先验证,验证返回...
form name="myform" id="myform" action="ssss" method="post" onsubmit="getUrl();"> javascript方法: [removed] function getUrl(){ $('form').attr('action','new_url'); } [removed] 或者用单纯的...
submit表单提交,onsubmit验证拦截 免去了用button按钮click点击事件ajax请求
<form name="listform" action="resume-doAdd" method="post" onsubmit="return Validator.Validate(this,3);"> 请输入正确的手机号!" requiremsg="移动电话不能为空!"/> </form> require指不能为空(true...
一、问题描述 当用JS调用form的方法submit直接提交form的时候,submit事件不响应。为什么?...类比一下,我用input.select()做了测试,却能响应select事件。这个原因先放一边,我们...form.onsubmit = function() {alert(1
React<AutoForm> <AutoForm> 组件,它简化了通过其onChange事件和表单的onSubmit事件从其包含的表单输入中获取数据的操作,可以选择修剪文本输入。安装npm install react-auto-formimport AutoForm from 'react-auto...
:chequered_flag: React最终形式的听众 :chequered_flag: React Final Form Listeners是一组有用的组件的集合,这些组件用于侦听表单中的字段 。安装npm install --save react-final-form-listeners react-final-...
1. return 的返回值问题,函数中return一旦有返回值,就不在执行下面的语句,直接跳到函数调用的地方。如下PHP函数代码,第一个if条件符合则函数值返回布尔型false,可以返回一个函数的值,并且跳出这个函数;只要...
在进行表单提交时,需要对输入框和文本域等的value的合理性进行验证,可以编写form的onSubmit事件,代码,踩过的坑;注意点: 1、只有通过form里面的 <button type="submit" >提交</button>进行表单的...
代码如下: $(‘#ff’).form({ url:…, onSubmit: function(){ // 做某些检查 // 返回 false 来阻止提交 }, success:function(data){ alert(data) } }); // 提交 form $(‘#ff’).submit(); 去做一个提交...
一般的form提交操作写法为 代码如下: <form action=”saveReport.htm” method=”post”> …… <input type=”submit” value=”保存报告”/>... 利用jquery的ajaxSubmit函数以及form的onsubmit函数完成,
网页回车后form自动提交,跑到其他页面 有个查询的form,本来是希望点击查询时才查询的,结果测试...给form添加一个 onsubmit="search_wj();return false;" 复制代码代码如下: <form action=”notice.php” onsubm
1、JS部分代码 代码如下: /** * 提交表单 */ function submitForm(action, actName, objName, form... $(“#”+formName).form({ onSubmit:function(){ checkInput();//检查输入项是否为空 } , success:function(data
将onSubmit到Form组件,以从表单获取序列化的数据。 通过validations以显示和捕获表单中的错误。 使用onChange (或不使用onChange )获取实时数据更新。 import Form from 'react-vanilla-form' < Form ...
使用Form组件作为Form的主要容器。 该组件创建特殊的表单上下文,因此所有其他组件只能在Form组件内部使用。 道具 initialValues: { [name: string]: any | Promise<any> } 表单的初始字段值。 如果将promise作为...