10大实用web应用界面技术[译]（3）
作者：折折熊 来源：折折熊de交互论 发布时间：2009-01-20 12:40:00
标签：web,界面,设计,程序
3、禁用按下按钮
在web应用程序的表单问题中有一个就是提交过程，非常简单的表单，如果你快速地点击两次或者更多次“提交”按钮，这个表单会被多次提交。这显示是个问题，因为它会重复创建相同的项目。防止重复提交的不是很难，而且对于大多数Web应用程序来说做到这一点是非常必要的。
它有两层维护：客户端和服务器端。我们不会通过服务器端维护是因为这将取决于您使用的编程语言和你的后端架构。基本上你应该做的就是在提交过程中添加一个检测机制，去检查被提交的内容是否重复，并且是否需要阻止提交。
在 Yammer 上，当你的新消息被提交之后，“更新”按钮将被禁止。
客户端则是简单得多。所有您需要做的就是在点击之后禁用“提交”按钮。最简单的方法就是为“提交”按钮添加一段JavaScript，如下所示：
<input type="submit" value="Submit" onclick="this.disabled=true" />
当然，我们会建议您同时还对服务器端进行检查，以确保重复不会获得通过。
0
投稿猜你喜欢
前言本文介绍在 pandas 中如何读取数据行列的方法。数据由行和列组成，在数据库中，一般行被称作记录 (record)，列被称作字段 (f- Oracle的系统要求 企业版：CPU最低PENTIUM200M推荐PENTIUMIII1G以上 内存最低128M推荐512M 硬盘空间系统
- 这里再重复一下标题为什么是"使用"而不是"实现"：首先，专业人士提供的算法比我们自己写的算法无论是效
- 在我转到wordpress之后第一个考虑的是它的数据库备份恢复问题，因为写bloger都知道，自己的blog记录的都是自己需要的宝贵的资料和
- 一、如何设置utf8mb4mysql中针对字符串类型，在设置charset的时候可以精确到字段。如果只将某个字段设置utf8mb4，那么其他
- (1)安装Jpype 用Python调用jar包需要安装jpype扩展，在Ubuntu上可以直接使用apt-get安装jpype扩展$ su
- 前言有一天朋友A向我抱怨，他的老板要求他把几百份word填好的word表格简历信息整理到excel中，看着他一个个将姓名，年龄……从word
- 一、说明1. python标准库ssl可实现加密通信2. ssl库底层使用openssl，做了面向对像化改造和简化，但还是可以明显看出ope
- 本文实例讲述了Python基于列表模拟堆栈和队列功能。分享给大家供大家参考，具体如下：之前的文章https://www.jb51.net/a
- Flask是一个Python编写的Web 微框架，让我们可以使用Python语言快速实现一个网站或Web服务。本文参考自Flask官方文档，
- 在使用完模型之后，添加这两行代码即可清空之前model占用的内存：import tensorflow as tffrom keras imp
- 需求背景在很多时候我们需要抽取视频的某一帧做一些分析或修改等；比如笔者需求就是判断一个人在该视频中出现的频率，以判断他是否是这段视频的主角；
- 1.忍受 * 第一种解决办法，很简单，无他，不管他，没有读到也没事。这时业务不需要任何改造，你好，我好，她也好~如果业务对于数据一致性要求不高
- 前沿最近开始学习python了，由于要简单处理一下图片，奈何能C++力太差，openCV上手有点难，想学习一下py简单的处理一下图片就好了。
- 本篇文章记录如何使用python将pdf文件切分成一张一张图片，包括环境配置、版本兼容问题。环境配置（mac）安装ImageMagickbr
- 目录一、Go调用C代码的原理二、在Go中使用C语言的类型1、原生类型数值类型指针类型字符串类型数组类型2、自定义类型枚举(enum)结构体(
- 如果我们知道一个静态文件的实际路径如：https://www.aspxhome.com/download/cidianwang.pdf，如果
- 获取百度的歌曲名，歌手和链接！！ package webTools; import java.io.BufferedReader; impo
- __new__： 对象的创建，是一个静态方法，第一个参数是cls。(想想也是，不可能是self，对象还没创建，哪来的self)__init_
- 前端使用input 来写radio,小程序使用radio标签 也可以使用<radio />单标签1.自定义radio样式、wx默
