轻松玩转花样表单--表单提交

2016-01-29 12:45 19 1 收藏

轻松玩转花样表单--表单提交,轻松玩转花样表单--表单提交

【 tulaoshi.com - Html 】

三、表单的提交

  既然表单是用来采集用户输入的数据,那么,就应该保证用户的数据被准确地提交到预定的地点,也就是说,我们在表单提交的时候,应该对用户的数据进行检验,一来可以避免用户误输数据,二来可以避免用户输入非法的,或者说不合格的数据;检验合格以后,还要保证用户的数据提交到特定的程序。

  1.数据的检验

  数据的检验,通常有两种程序:客户端检验和服务器端检验。客户端检验,比较快,服务器端检验,相对来说比较慢,为了确保安全,通常同时采用,这样就可以避免用户刻意破坏。
  不管采用什么方式,数据检验的原理都是一样的,一旦用户输入的数据不符合规定,就报错,要求用户重新输入,客户端检验常使用Javascrip脚本,服务器端的视系统而定,本文不对数据检验的具体程序设计进行探讨,仅仅列举几个例子来说明。

 样例19
:必填项,以及简单的数据类型检验
  分析:
这里首先用到的是form的onSubmit="TwoSubmit(this)"
然后根据选择的分支,来分别递交到不同的程序,TwoSubmit()函数如下:

<script>
function TwoSubmit(form){
if (form.Ref[0].checked){
form.action = "cop.asp";//这里是分之一
}else{
form.action = "ind.asp";//这里是分之二
}
form.submit();
}
</script>

  3.用任何元素提交表单

  是不是只有按钮或者图片按钮才能提交表单呢?当然不是,实际上,任何页面元素都可以提交表单,不过嘛,都是通过脚本来完成的,下面我们就使用链接来代替Submit按钮:

 样例21
:用链接来提交表单


  分析:

  通过onClick="document.form.submit()"来提交表单;用onClick="document.form.reset()"来复位表单,这样一来,任何一个元素都可以实现提交表单了。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/html/)

 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/html/)

来源:https://www.tulaoshi.com/n/20160129/1487443.html

延伸阅读
标签: PHP
转自:http://www1.blog.163.com/article/-Bov--vjmSMl.html 你是否遇到过重复提交的问题?要解决这个问题其实并不难。这里有一个简单的方法避免同一表单的重复提交。 首先,我们可以定义一个session变量用来保存一个表单的提交序列号。这里我定义为$userLastAction。然后在表单里加入一个hidden变量,把值设为$userLastAction...
标签: ASP
  列表 B:使用 request.form 来轻松建立SQL字符串。 <% iStr = "insert into uData " vStr = "values (" nStr = "(" ' 在表单集合中循环,并建立起SQL语句的组成部分 for each x in request.form          ' 建立字段名列表     &n...
标签: Web开发
我的解决办法如下(只针对客户端): 用户点击提交按钮后给按钮添加disabled属性 代码如下: $("input:submit").each(function() { var srcclick = $(this).attr("onclick"); if(typeof(srcclick)=="function"){ $(this).click(function() { if (srcclick()) { setdisabled(this); return true; } return false; });} }); functi...
标签: ASP
列表 B:使用 request.form 来轻松建立SQL字符串。 iStr = "insert into uData " vStr = "values (" nStr = "(" 在表单集合中循环,并建立起SQL语句的组成部分 for each x in request.form           建立字段名列表          nStr = nStr &a...
标签: ASP
列表 D: buildSQLInsert函数的最终版。 function buildSQLInsert( targetTable, omitFields)          iStr = "insert into " & targetTable & " "          vStr = "values ("         &nb...

经验教程

350

收藏

57
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部