javascript实现点击连接提交表单教程

例子

 代码如下 复制代码

<form name=”form1″ method=”post” action=”">
<input type=text>
</form>
<a href=”javascript:form1.submit();”>提交</a>

还有jquery的做法

$("#form1").submit(); // form1是指表单的ID=form1了不是name=form1哦,这个要注意

除了上面方法有jquery ajax方法

 代码如下 复制代码

$.ajax({
cache: true,
type: "POST",
url:ajaxCallUrl,
data:$('#yourformid').serialize(),// 你的formid
async: false,
error: function(request) {
    alert("Connection error");
},
success: function(data) {
    $("#commonLayout_appcreshi").parent().html(data);
}
});

最重要的就是表名单form1了,我们js模仿了表单的submit事件,form1.submit();即可了。

时间: 2025-01-27 23:11:53

javascript实现点击连接提交表单教程的相关文章

js模拟点击以提交表单为例兼容主流浏览器_javascript技巧

在实际的应用开发中,我们会常常用到JS的模事件,但有时会遇到一些问题,比如说点击事件,举个简单的例子,点击表单外的"提交"按钮来提交表单.上代码吧. Html: 复制代码 代码如下: <h3>请单击"提交",测试提交按钮的单击事件也被触发了.</h3> <button id="btn">提交</button> <form action="#" method="ge

JavaScript阻止回车提交表单的方法_javascript技巧

大家对回车键的功能应该比较熟悉,比如在windows系统的很多应用程序中,只要点击回车键就可以进入此程序或者开启某项功能,不过有时候我们希望阻止它的功能,例如在填写表单的时候,可能不小心点击回车键造成表单误提交,下面就来简单介绍一下如何实现此功能.代码实例如下: 如何防止回车(enter)键提交表单,其实很简单,就一句话.onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了. <!DOCTYPE html&g

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

工作中发现表单提交方便的问题,很多时候IE下提交好好的,打了火狐下就出现了问题,利用提交按钮就不成功了,于是利用JS的方式就成功了,也不知道为什么.在导师的催促下就总结出以下的几种常用表单提交的方法. 第一种方式:表单提交,在form标签中增加onsubmit事件来判断表单提交是否成功 <script type="text/javascript"> function validate(obj) { if (confirm("提交表单?")) { aler

用js提交表单解决一个页面有多个提交按钮的问题_javascript技巧

用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本,然后再执行相应的动作,比较简单. <pre class="javascript" name="code">function check(txt){ $j("form").submit(function(){ if($txt=="提交"){ this.action="doAddMessage.action?button=提交"

Ajax提交表单时如何将kindeditor编辑器中的内容赋值给textarea

KindEditor在火狐下或者其他浏览器下都无法得到textarea文本框的值. 首先描述下我这边遇到的KindEditor错误现象: 1.在IE8/FF下均得不到值: 2.当点击KindEditor的全屏按钮切换到全屏模式输入时,再返回正常模式,可以得到值: 3.我用的是jQuery的ajax点击事件提交表单的,无法得到值: 4.直接用表单的提交按钮可以得到值. 那么如何解决上述的这些问题呢?  代码如下 复制代码 <script type="text/javascript"

简述JavaScript提交表单的方式 (Using JavaScript Submit Form)_javascript技巧

最近做项目遇到用Javascript提交表单的问题, 之前也做过几次, 但是不够全面, 这次总结出了几种用JavaScript提交表单的方式, 并且对此作出了比较, 选出了一种最适合此项目的方式. 我目前正在为Sun Communication Suite做一个创建用户的小型系统,大家都知道我们可以通过表单,Ajax 和链接来访问服务器, 最简单的方法就是使用连接, 例如:<a href=UserServlet?event=SEARCH_MAILING_LIST&currentPage=1&

在javascript中关于submit和button提交表单区别

原文:在javascript中关于submit和button提交表单区别   原文来自:http://www.jb51.net/article/42236.htm   submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了,submit和button,二者都以按钮的形式展现,看起来都是按钮,所不同的是type属性和处发响应的事件上.        1. 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成butto

js点击超级链接提交表单的例子

本站一个搜索例子  代码如下 复制代码 <form class="search_form" name="formsearch" id="formsearch" target="_blank" action="http://so.111cn.net/cse/search"><input type="hidden" value="69403854009103644

JavaScript实现CTRL+回车提交表单

javascript|提交表单 <script type="text/javascript"> //Ctrl+回车 提交表单 // 例: <textarea name="textarea" ></textarea> // 注意: Form 必须有 Name 或 ID      function submitForm(formID) {         if(window.event.ctrlKey&&window.