• Form表单提交


    关于表单提交,做法有很多中,根据具体需求,做出不同的反应吧。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先介绍到这里。。。

  • 相关阅读:
    软件测试—— junit 单元测试
    falut error failure 的区别与理解
    错误的反思
    只能在微信浏览器打开的链接,如何查看源码
    PHPManage for IIS Windows 10
    wamp mysql配置
    CSS Flexbox 学习指南、工具与框架
    Android SDK 在线更新镜像服务器资源
    64位win2003 IIS6运行32位的.NET程序
    让服务器iis支持.apk文件下载的设置方法
  • 原文地址:https://www.cnblogs.com/vanl/p/5857660.html
Copyright © 2020-2023  润新知