`
ConeyLiu
  • 浏览: 127873 次
  • 性别: Icon_minigender_2
  • 来自: 重庆
社区版块
存档分类
最新评论

表单提交的几种方法

 
阅读更多

普通提交:

 

方法一(submit):

 

<form action="url">
    //submit 按钮
</form>

   

方法二(html):

 

<form action="" name="form1" method="post">
    <input type="submit" name="btname" value="提交按钮"onclick="form.action='url';">
</form>

 

 

方法三(jQuery):

 

function checksubmit(){   
    $("#form1").submit();   
  }  

   

方法四(ajax):

 

	function checkShooleName(schoolName){
		var url = "school_get.html?ajax=true";
		
		var params = {'schoolName':encodeURI(schoolName),'now':new Date()}
		var reulst=[];
		$.ajax({
			url: url,
			type: "POST",
			async:false,
			data:params,
			beforeSend: function(XMLHttpRequest){
				//ShowLoading();
			},
			success: function(data, textStatus){
				reulst = eval(data);					
			},
			complete: function(XMLHttpRequest, textStatus){
				//HideLoading();
			},
			error: function(){
				//请求出错处理
			}
		});
		return reulst;
	}

 

方法五(分支):

function TwoSubmit(form){
if (form.Ref[0].checked){
form.action = "1url"; //这里是分之一
}else{
form.action = "2url"; //这里是分之二
}
form.submit();
}
onClick="document.form.submit()"

 

 方法六(javascript):

 

<form name="form1">
    <input type="button" name="bt2" onclick="save();">
<form>

 

function save(){
    document.form1.action="url";
    document.forom1.submit();
}

 

  方法七(onsubmit):

 

<form medthod="post" onsubmit="submitTest();">
    <input type="submit" value="提交">
</form>

 

function submitTest(){
    return true;
   //return fasle; 
}

 

 

onsubmit="return false;" 阻止表单提交

当onsubmit="submitTest()" 如果返回的是false 那么还是会提交的。

当onsubmit="return saubmitTest()" 如果返回的是false那么不会提交。

  

 

 

 

 

分享到:
评论

相关推荐

    表单的几种提交方式

    总结了 用type=submit type=image 单击图片提交 按钮提交等 绝对原创

    html表单的几种提交方式总结

    最普通最常用最一般的方法就是用submit type..看代码: 复制代码代码如下: &lt;form name=”form” method=”post” action=”#”&gt; &lt;input type=”submit” name=”submit...第三种是使用链接来提交表单,用到了

    几种防止表单重复提交的方法

    几种防止表单重复提交的方法 禁掉提交按钮。表单提交后使用Javascript使提交按钮disable。这种方法防止心急的用户多次点击按钮。但有个问题,如果客户端把Javascript给禁止掉,这种方法就无效了。 我之前的文章曾说...

    jQuery几种表单的验证

    本资源是用jQuery制作的几种常用表单验证,比如用户注册的详细信息的验证。

    form提交时传递额外的参数几种常见方法

    在进行表单提交时,会遇到在提交前增加额外参数的情况,主要有以下几种方法,大家可以根据自己的需求进行选择

    Jquery中ajax提交表单几种方法(get、post两种方法)

    就行了,下面我来介绍两个提交表单数据的方法。$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法。 $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector)....

    利用JS提交表单的几种方法和验证(必看篇)

    在导师的催促下就总结出以下的几种常用表单提交的方法。 第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 [removed] function validate(obj) { if (confirm&#40;"提交表单?"&#41;) {...

    php解决和避免form表单重复提交的几种方法

    前言 为什么要避免form表单被重复提交呢?因为我们不想让我们的服务器重复处理没必要的数据,同时我们也是避免我们的数据库产生重复的数据,避免表单重复提交也是让我们的网站更安全的一种表现。...下面是几种解决办法

    axios异步提交表单数据的几种方法

    踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSecurity,使用postman测试后端的权限接口时发现都正常,但是使用vue+axios发送异步的请求后端一直获取不出axios...

    mvc form表单提交的几种形式整理总结

    主要介绍了mvc form表单提交的几种形式整理总结的相关资料,这里提供了几种方法及实例代码,需要的朋友可以参考下

    PHP防止表单重复提交的几种常用方法汇总

    本文较为详细的汇总了PHP防止表单重复提交的几种常用方法,在PHP程序开发中有着很高的实用价值。具体方法如下: 1. 使用JS让按钮在点击一次后禁用(disable)。采用这种方法可以防止多次点击的发生,实现方式较简单...

    使用ajax异步提交表单的几种方法总结

    下面小编就为大家带来一篇使用ajax异步提交表单的几种方法总结。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    防止用户将表单重复提交的方法汇总

     几种防止表单重复提交的方法  1.禁掉提交按钮。表单提交后使用Javascript使提交按钮disable。这种方法防止心急的用户多次点击按钮。但有个问题,如果客户端把Javascript给禁止掉,这种方法就无效了。  我之前的...

    html表单a标签,input标签等几种请求ajax提交数据给后台小结

    html表单a标签,input标签等几种请求ajax提交数据给后台小结

    php 防止表单重复提交两种实现方法

    这样就导致后台收到两次提交,从而进行两次处理,本文章向大家介绍php 防止表单重复提交的几种方法 1、前端解决 方法一: 可以通过前端来解决。当用户点了提交按钮之后,先使用js进行有效性判断,没问题后,将提交...

Global site tag (gtag.js) - Google Analytics