javascript实现表单提交后,提交按钮不可用的方法

 具体如下:

这里使用javascript控制表单提交后,提交按钮不可用,可以防止用户多次提交。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>表单提交后按钮禁用</title>
<script type="text/javascript">
function sub() {
document.forms[0].elements[0].disabled = true;
document.forms[0].submit();
}
</script>
</head>
<body>
<form action="login.action" method="post">
<input type="button" name="btn" value="提交表单"
onclick="return sub();" />
</form>
</body>
</html>

时间: 2024-10-30 17:04:39

javascript实现表单提交后,提交按钮不可用的方法的相关文章

javascript实现表单提交后,提交按钮不可用的方法_javascript技巧

本文实例讲述了javascript实现表单提交后,提交按钮不可用的方法.分享给大家供大家参考.具体如下: 这里使用javascript控制表单提交后,提交按钮不可用,可以防止用户多次提交. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>表单提交后按钮禁用</title> &l

JavaScript判断表单提交时哪个radio按钮被选中的方法_javascript技巧

本文实例讲述了JavaScript判断表单提交时哪个radio按钮被选中的方法.分享给大家供大家参考.具体分析如下: 这里的表单提交时通过JavaScript判断哪个radio按钮被选中了 <script type="text/javascript"> function findButton() { var myForm = document.forms.animalForm; var i; for(i=0;i<myForm.marsupial.length; i++

PHP提交表单失败后如何保留已经填写的信息_php技巧

本文介绍PHP提交表单失败后如何保留填写的信息一些方法总结,其中最常用的就是使用缓存方式了,这种方法如果网速慢是可能出问题的,最好的办法就是使用ajax了. 1.使用header头设置缓存控制头Cache-control. PHP代码如下: header('Cache-control: private, must-revalidate'); //支持页面回跳 2.使用session_cache_limiter方法. PHP代码如下: session_cache_limiter('private,

Javascript的表单验证-提交表单_javascript技巧

推荐阅读:Javascript的表单验证长度 Javascript的表单验证-初识正则表达式 Javascript的表单验证-揭开正则表达式的面纱 JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证. 坏数据不该抵达服务器:提交表单时的验证 表单域对象里有个form特性,它使用数组表示了整份表单的域 假如这里只有一个简单的信息文本框和一个邮政编码框,还有一个提交按钮 <form> <input id="message" name

JSP实例 服务器端判断表单是否重复提交

在服务器端判断表单是否重复提交,主要可以考虑在页面之间通过Session共享标志变量的方法来实现,即在客户端页面设置Session中的标志变量,然后在服务器段对Session中的标志变量进行判断. 1.新建一个ServerTest.jsp文件,代码如下: <%@ page language="java" contentType="text/html; charset=Gb2312" pageEncoding="Gb2312"%><

JSP在服务器端判断表单是否重复提交的实例

在服务器端判断表单是否重复提交,主要可以考虑在页面之间通过Session共享标志变量的方法来实现,即在客户端页面设置Session中的标志变量,然后在服务器段对Session中的标志变量进行判断. 1.新建一个ServerTest.jsp文件,代码如下: <%@ page language="java" contentType="text/html; charset=Gb2312" pageEncoding="Gb2312"%> &l

javascript-请教一下已知验证方法,怎么用JavaScript实现表单的验证,并将提示信息输入到文本框后

问题描述 请教一下已知验证方法,怎么用JavaScript实现表单的验证,并将提示信息输入到文本框后 <script type="text/javascript"> //检查全部表单元素是否为空 function checkBlank(Form) { var v=true; for(i=0;i<Form.length;i++){ if(Form.elements[i].value==""){ alert(Form.elements[i].title

服务器-Ajax提交表单与一般提交表单的差别?

问题描述 Ajax提交表单与一般提交表单的差别? 在一般提交表单时,浏览器html将表单数据submit到服务器后,服务器会执行相关的处理脚本 比如(php,asp)等,进行处理,再将相关的HTML返回到浏览器端. 而ajax改变了这一过程,它是浏览器html将表单数据提交给本地的javascript,而javascript调用XMLHTTPRequest, 利用XMLHTTPRequest将数据传给服务器端,服务器端通过javascript收到数据,再调用处理脚本(php, asp)进行处理,

javascript表单处理具体实现代码(表单、链接、按钮)_javascript技巧

本文实例处理各种表单, 以及链接,按钮的通用组件,教大家如何对javascript表单处理进行操作,具体内容如下 /** * Generic Form processing js * @author Anthony.chen */ /** * Push button action [btn_action]data into form * If there is prescript , run the pre script */ "use strict"; //All ajax requ