巧用js提交表单轻松解决一个页面有多个提交按钮

2019-12-24,,

复制代码 代码如下:
<pre class="javascript" name="code">function check(txt){
$j("form").submit(function(){
if($txt=="提交"){
this.action="doAddMessage.action?button=提交";
this.submit();
}else{
this.action="doAddMessage.action?button=保存";
this.submit();
}
});
}</pre><br>
<input type="IMAGE" src="style/blue/images/button/send.png" name="button" value="提交" onclick="check(this)"/><input type="IMAGE"src="style/blue/images/button/saveToDraftBox.png" name="button" value="保存" onclick="check(this)"/>
<pre></pre>
<p><br>
例如:页面中有两个图片按钮的提交,我们这个时候可以给他们都绑定onclick事件,这个时候我们借助jquery的form表单有个事件,叫做submit的。</p>
<p>如图,由于,我的项目里面用了dwr,我把jquery的控制权转让给dwr,jquery重新指定 了一个$j,我们获取表单,然后使用submit事件,通过判断value的值,从而可以进行多个页面的跳转。</p>
<p> </p>
<p> </p>

您可能感兴趣的文章:

  • js校验表单后提交表单的三种方法总结
  • js防止表单重复提交的两种方法
  • jquery序列化form表单使用ajax提交后处理返回的json数据
  • js 回车提交表单两种实现方法
  • js实现a标签超链接提交form表单的方法
  • 利用JS提交表单的几种方法和验证(必看篇)
  • JS中的form.submit()不能提交表单的错误原因
  • 利用JavaScript阻止表单提交的两种方法
  • 详细分析使用AngularJS编程中提交表单的方式
  • js禁止表单重复提交

《巧用js提交表单轻松解决一个页面有多个提交按钮.doc》

下载本文的Word格式文档,以方便收藏与打印。