js提交表单

最新推荐文章于 2023-06-14 06:50:31 发布
最新推荐文章于 2023-06-14 06:50:31 发布
阅读量348 收藏
点赞数
分类专栏： web前端 文章标签： javascript 表单
转自：http://blog.chinaunix.net/uid-10951-id-1762553.html
1.回车自动提交
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" " http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<title>回车提交表单</title>
</head>
<body>
<form action=" http://www.baidu.com" method="post" name="myForm">
<input type="text" />
<input type="submit" value="提交" name="tijiao" ><font color="#999999">按回车提交表单</font>
</form>
</body>
</html>
<script language="JavaScript" type="text/javascript">
document.onkeydown = function(evt){
var evt = window.event?window.event:evt;
if(evt.keyCode==13)
{
alert("abc is ok");
document.forms["myForm"].submit();
}
}
</script>
2.自动提交
方法一：
< HTML> 
<head> 
<title>Untitled Document</title> 
(1)自动提交表单: 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> 
</head> 
<script language= JavaScript> 
setTimeout("document.form1.submit()",10000) 
</script> 
<body bgcolor="#FFFFFF" text="#000000"> 
<form name="form1" method="post" action="pp. ASP"> 
　<p> 
　　<input type="text" name="textfield"> 
　</p> 
　<p> 
　　<input type="text" name="textfield2"> 
　</p> 
</form> 
</body> 
</html> 

10秒后提交。
---------------------------------------------------------------------------------------------------------
方法二：
我想打开一页a.htm时定时以表单形式向 服务器b.htm提交数据,就好像申请100个邮箱，可以实现么？ 
--------------------------------------------------------------- 

<form name="form1"> 
</form> 
<script> 
setInterval("document.all.form1.submit()",5000) 
</script> 

5秒一次！ 
--------------------------------------------------------------- 

1. XMLhttp 
2.<form action="" name=frm1 target=_blank method=post> 
</form> 
<script> 
setTimeout("frm1.submit();",3000); 
</script> 
--------------------------------------------------------------- 

采用 window.setInterval和window.clearInterval 操作，比如下面脚本就是这样实现： 
<script language=" Javascript">  
var FormOBJ=document.forms["FormName"];  
var SOBJ;  

//设置自动提交最大次数  
var Max=100;  

//表单提交函数  
function submitForm()  
{  
if (FormOBJ&&Max>0)  
{  
FormOBJ.action="b.htm";//提交到的页面  
FormOBJ.target="_blank";//用新窗口处理提交  
FormOBJ.submit();//执行提交  
Max--;  
}  
else  
submitInt();  
}  

//中断自动提交函数  
function submitInt()  
{  
if (SOBJ)  
{  
window.clearInterval(SOBJ);  
Max=100;  
}  
}  

//开始自动提交函数  
function submitStart()  
{  
//设置每秒钟提交表单一次  
SOBJ=window.setInterval("submitForm()",1000);  
}  
</script>  
可以在页面中设置两个按钮，分别执行submitStart()开始，submitInt()终止。其中“FormName”为要提交的表单名。同时要注意把脚本放在form后面。 
Echo_Wei1991
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
js，模拟表单提交
08-02
再有一些时候我们不得不[removed] = url带参进行一些数据的传递，这时我们又不想将参数就这样放在链接中时，就可以用到这个js。
js提交form表单,并传递参数的实现方法
10-22
需要注意的是，虽然上述示例代码展示了如何通过JavaScript提交表单并传递参数，但在实际开发中，还需要处理表单验证、错误处理以及提升用户体验等方面的内容。例如，可以在提交前进行输入验证，确保所有必需的信息都...
17-表单提交验证及MD5加密
xixihaha_coder的博客
07-26 252
表单提交验证及MD5加密 较保密的方法！ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- MD5工具类 --> <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js">
JavaScript表单提交
weixin_44540247的博客
04-28 9979
表单提交在前端编程阶段中也是一个重点。它是由页面数据保存到后台数据库的重要枢纽，通过表单提交的方式将数据上传到数据库进行保存。同时这些数据也包含用户信息、统计信息、日志信息等等。 数据的信息不同，上传的方式也不同。在JavaScript中有四种种表单提交的方式： 一、 Form表单手动提交（get与post） 在没有任何Js代码的影响下，Form表单本身是自带提交功能的。在form元素标签上有两个...
【web开发】js实现表单提交
平凡的世界
08-19 6998
1.方法一 通常表单的提交有两种方式，一是直接通过html的form提交，代码如下： <form action="" method="" id="forms"> <input type="text" name="username" value="" /> <input type="password" name="pwd" value="" /> <input type="submit" value="提交"/> </form&gt
javascript处理表单示例(javascript提交表单)
10-26
JavaScript的用途之一就是处理网页上的表单数据，而在这篇文档中，我们将探讨如何使用JavaScript来提交表单以及如何处理表单中的各种元素，例如输入框、单选按钮、复选框等。文档中提供的示例代码展示了如何创建通用...
js 提交和设置表单的值
10-30
1. 表单提交：使用 JavaScript 可以实现表单的提交，例如使用 `document.form.submit()` 或 `document.getElementById("formId").submit()` 等方法提交表单。 2. 表单值设置：可以使用 JavaScript 对表单的值进行...
用js提交表单解决一个页面有多个提交按钮的问题
12-29
用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本，然后再执行相应的动作，比较简单。 <pre class=javascript name=code>function check(txt){ $j(form).submit(function(){ if($txt==提交)...
js提交表单的三种方式
06-29
javascript通过按钮提交表单的三种方式
JS控制表单提交的方法
12-12
本文实例讲述了JS控制表单提交的方法。分享给大家供大家参考。具体如下： [removed] function autoSubmit(){ var form = document.forms[0]; var actionPath = "?mo=phone"; form.action = actionPath; form.submit(); return true; } [removed] 如果需要两个提交按钮，type=””的属性值一个高为”submit”一个为”button”,也就是一个用按钮本身提交，一个用JS控制提交 <form method
js提交form表单方法
最新发布
winkexin的博客
06-14 3199
form表格的写法，需要写id。
JS 提交表单
热门推荐
万维网
04-20 1万+
1.document.forms.from.submit(); document.form.sumbit(); document.form.submit.click(); this.form.submit(); 以上几种形式的js表单提交在firefox浏览器下是不起作用的 2.必须遵循w3c标准： 1).获得form时应使用getElementById()方法 2).用.submi
JS 表单提交
Angela_L的博客
05-19 452
通常表单的提交有两种方式，一是直接通过html的form提交，代码如下： <form action="" method="" id="forms"> <input type="text" name="username" value="" /> <input type="password" name="pwd" value="" /> &l...
用js提交表单
Move_now的博客
10-13 910
button按钮使用javascript提交表单：代码如下：<form id = "submit"action = "your_address" method = "post"> <!--your_address填写要提交的地址--> <input type = "button" value= "提交" onclick = "my_submit()"> </form <script> funct
提交表单input与MD5
weixin_30337251的博客
08-14 434
JavaScript可以以两种方式来处理表单的提交 方式一是通过<form>元素的submit()方法提交一个表单，例如，响应一个<button>的click事件，在JavaScript代码中提交表单： <!-- HTML --> <form id="test-form"> <input type="text" name="te...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值