博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Form表单提交
阅读量:7087 次
发布时间:2019-06-28

本文共 1321 字,大约阅读时间需要 4 分钟。

关于表单提交,做法有很多中,根据具体需求,做出不同的反应吧。LZ这里还是根据实际需求,写几个简单的案例。我们知道,对于表单提交,正常直接action中写url,点击submit按钮就可以提交了。

一:需求是:在订单列表表单页面,每条记录前都有一颗checkbox复选框,选中则记录id值,选中多个则九路多个id值。然后在表单之外有颗“导出订单”按钮,当点击该按钮的时候,提交选中的复选框的记录的id值到后台java代码。

  下面有三张图片:第一张是form的写法,第二张是做表单提交ajax请求的,最后一张是将id值传到后台的部分java代码。

  

  ==================================================================================================

  ==================================================================================================

  

  ==================================================================================================

  ==================================================================================================

  

 

二:需求是:新增页面,有一个表单要提交,正常直接在action中写url,点击submit按钮就可以提交了,但是我希望能够在表单提交之前验证一下文本框内容。于是,使用jquery来验证表单,验证通过后提交form表单。

  下面有两张图片,一张是做ajax请求的,另一张是form的写法

  

  ==================================================================================================

  ==================================================================================================

  

 

三:表单提交前验证。可以使用form表单的onsubmit方法,在提交表单之前,对表单或者网页中的数据进行检验。onsubmit指定的方法返回true,则提交数据;返回false不提交数据。

  

  上面的网页中,只有在id="ff"的输入框中输入“可以提交”,才进行表单提交;否则不提交。

四:页面加载时自动提交表单和超链接提交表单

  4.1.javascript 页面加裁时自动提交表单

  

  4.1.超链接提交表单

  

  好啦,LZ先介绍到这里。。。

转载于:https://www.cnblogs.com/vanl/p/5857660.html

你可能感兴趣的文章
《自己动手做交互系统》——2.3 制作过程
查看>>
《响应式Web设计性能优化》一2.2 追踪Web性能的工具
查看>>
《精益创业UX篇——高效用户体验设计》一第一篇:验证
查看>>
《Spring攻略(第2版)》——1.11 用XML配置自动装配Bean
查看>>
真的超赞!用systemd命令来管理linux系统!
查看>>
Tomcat7.0.26的连接数控制bug的问题排查
查看>>
《移动网页设计与开发 HTML5+CSS3+JavaScript》—— 2.4 微格式
查看>>
《面向机器智能的TensorFlow实践》安装TensorFlow10
查看>>
《你必须知道的495个C语言问题》一第1章 声明和初始化(1.1-1.20)
查看>>
如何在 Ubuntu 上安装 FireFox 15
查看>>
SQL Server FullText解决Like字句性能问题
查看>>
Ceph实验室:第五课:Ceph运维之换盘
查看>>
C++实践参考——复数类中的运算符重载
查看>>
【Spark Summit East 2017】为了乐趣和利润的全球扩张
查看>>
Rss订阅
查看>>
Mac - gdb配置
查看>>
Vuejs——(4)v-if、v-for
查看>>
让Spark成为你的瑞士军刀
查看>>
[LeetCode]--40. Combination Sum II
查看>>
ART世界探险(16) - 快速编译器下的方法编译
查看>>