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

年少轻狂zln

年少轻狂zln

2016-01-29 12:45

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

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

  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()"来复位表单,这样一来,任何一个元素都可以实现提交表单了。

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

 

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/html/)
展开更多 50%)
分享

猜你喜欢

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

Html CSS布局 Div+CSS XHTML
轻松玩转花样表单--表单提交

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

Html CSS布局 Div+CSS XHTML
轻松玩转花样表单--花样表单

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

轻松玩转花样表单--表单概述

Html CSS布局 Div+CSS XHTML
轻松玩转花样表单--表单概述

玩转表单之花样表单

Html CSS布局 Div+CSS XHTML
玩转表单之花样表单

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

轻松玩转花样表单--常用技巧

Html CSS布局 Div+CSS XHTML
轻松玩转花样表单--常用技巧

禁止站外提交表单

Web开发
禁止站外提交表单

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

变幻的字母

变幻的字母

Direct3D学习笔记(二)我们这里可以编写一个完全意义上的Direct3D程序了

Direct3D学习笔记(二)我们这里可以编写一个完全意义上的Direct3D程序了
下拉加载更多内容 ↓