javascript button 提交

最新推荐文章于 2023-12-12 21:50:37 发布
原创 最新推荐文章于 2023-12-12 21:50:37 发布 · 2.4k 阅读 · 1 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
JAVASCRIPT - 技术文档

当前文章被收录于：

JAVASCRIPT - 技术文档

7 篇文章 0 人学习
订阅专栏 查看详情
本文介绍了一个简单的HTML页面使用JavaScript实现表单按钮点击后进行页面跳转的功能。通过两个按钮触发不同页面路径的切换，展示了基本的前端交互方式。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script language="javascript">
function seta(test){
    var a=test;
    if(a=='1'){
        f1.action='1.htm';
        document.getElementById("f1").submit()

    }
    if(a=='2'){
        f1.action='2.htm';
        document.getElementById("f1").submit()
    }
}


</script>

<body>
<form name="f1">
<input type=button value="submit1" onclick="seta(1)"/>
<input type=button value="submit2" onclick="seta(2)"/>
</form>
</body>
</html>
 
标签
#javascript #button #input #html #function
#文档
JS button按钮实现submit按钮提交效果
10-21
今天在使用表单是同时使用POST更新、删除操作。然而form表单的 submit 且一旦提交则全部提交，所以想到的实现方法就是 使用button实现,怎么实现呢？下面小编给大家分享JS button按钮实现submit按钮提交效果，感兴趣的朋友参考下吧
提交按钮的几种方法
qq28754889的专栏
12-16 889
mySubmit var forceBtn = document.getElementById("myForceBtn"); EventUtil.addHandler(forceBtn, "click", function(event){ var form = document.getElementById("myForm");
JavaScript中的submit和button
sinat_40880767的博客
07-25 808
submit按钮，一旦点击默认提交表单； button按钮，通常用于触发事件，通过onclick指定事件处理函数。 如果表单在点击提交按钮后需要用js进行处理（例如：用户名、密码的验证）后再提交的话，通常要把submit改成button，避免submit自动提交的行为，否则就会造成提交两次的结果。 ...
利用js触发submit按钮的两种方法
ytakcc的专栏
12-12 1952
具体思路：用a标签的onclick事件获取表单的id，执行form表单的提交操作，也就是执行submit事件。点击a标签后实现post提交的效果。
js验证表单提交的多种方法,submit,button, type='button'
qq_45064049的博客
05-18 1万+
js验证表单提交第一种用submit按钮提交表单第二种用button按钮进行提交第三种用第一种用submit按钮提交表单 <!doctype html> <html> <head> <title></title> </head> <body> <form action="index.php" method...
JS--JavaScript提交表单（submit事件）、重置表单、取消默认提交表单（单击按钮、回车）
吴声子夜歌的博客
09-27 1万+
提交表单 使用< input > 或 < button >标签都可以定义提交按钮，只要将type属性值设置为“submit”即可，而图像按钮则是通过将 < input >的type属性值设为“image”。当单击按钮或图像按钮时，就会提交表单。 submit事件类型仅在表单内提交按钮，或者在文本框中输入文本时按回车键触发。 示例1：单击【提交】按钮后，触发sub...
js submit php,详解JavaScript中submit与button提交表单的区别
weixin_39602579的博客
03-22 590
submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了，submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上。1、 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话，通常都必须把submit改成button，即取消其自动提交的行为，否则，将会造成提交两次的效果，对于动态网页来说，也就是对...
禁止button提交表单， 但是不禁止js提交
滴水石穿
06-28 3235
button有个type属性，属性值可为button、submit、reset button=普通按钮，直接点击不会提交表单 submit=提交按钮，点击后会提交表单 reset=表单复位 当button的type属性值为button时，仅做为一个普通的按钮，并不会提交该表单，此时你可以通过js脚本来提交，而form中不需要加onsubmit事件。 ...
html中的button按钮调用js函数和提交表单传递参数
热门推荐
wanderlustLee的博客
02-26 4万+
1.button的type设置为button 而不用submit，并添加onclick方法调用js函数 &lt;input type="button" name="confirmAlter" value="确认修改" onclick="changeInfo(form1.code,form1.name,form1.detail,form1.count)"/&gt; 2.传到js函数中，然后提交表...
用button提交表单php,JavaScript在form表单中使用button按钮实现submit提交方法
weixin_32597009的博客
03-11 1898
submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了，submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上。在form表单提交中，使用button来间接完成submit的提交更为灵活。下面是实现方法：使用button按钮实现submit提交，需要在button标签中的使用onclick方法，然后在JavaS...
javascript在form表单中使用button按钮实现submit提交方法
有种轰趴我
01-22 1万+
在form表单提交中，使用button来间接完成submit的提交更为灵活。下面是实现方法： 使用button按钮实现submit提交，需要在button标签中的使用onclick方法，然后在javascript中实现具体，代码如下： function submitBtnClick(){ document.fileForm.submit(); } 检索
html表单提交按钮代码,JavaScript在form表单中使用button按钮实现submit提交方法
weixin_29416037的博客
06-09 3255
submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了，submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上。在form表单提交中，使用button来间接完成submit的提交更为灵活。下面是实现方法：使用button按钮实现submit提交，需要在button标签中的使用onclick方法，然后在JavaS...
html button 自动提交,html+js表单form验证自动提交的2种提交方式button和
weixin_35406812的博客
05-30 550
站长设计网页时用到大量的js代码，当然少不了js验证用户输入的合不合格式，格式对就通过验证，自动提交表单，格式不对就弹出错误对话框，重新输入表单。这种判断并提交表单的方法有2种：1、submit验证function checkUser(){var result = document.getElementById("userid").value;var password = document.get...
在javascript中关于submit和button提交表单区别
weixin_34041003的博客
05-17 93
submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了，submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上。 1、 如果表单在点击提交按钮后需要用JS进行处理（包括输入验证）后再提交的话，通常都必须把submit改成button，即取消其自动提交的行为， 否则，将会造成提交两次的效果，对...
JavaScript基础3——使用Button提交表单
weixin_34342578的博客
09-12 180
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>使用Button提交表单</title> 6 </head> 7 <body>...
（转）在javascript中关于submit和button提交表单区别
weixin_34357962的博客
05-11 133
  原文来自：http://www.jb51.net/article/42236.htm   submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了，submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上。        1、 如果表单在点击提交按钮后需要用JS进行处理（包括输入验证）后再提交的话，通...
禁止button提交但是不禁止js提交
xiaocen99的专栏
12-09 1478
button有个type属性，属性值可为button、submit、reset button=普通按钮，直接点击不会提交表单 submit=提交按钮，点击后会提交表单 reset=表单复位 当button的type属性值为button时，仅做为一个普通的按钮，并不会提交该表单，此时你可以通过js脚本来提交，而form中不需要加onsubmit事件。
js提交button
八点二十四分
12-13 1096
&lt;button type="button" class="w100p let-space js-submit" id="btn"&gt;提交&lt;/button&gt; var oBtn = document.getElementById('btn'); oBtn.onclick = function(){ var mobile=$("#mobile").val()
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值