Form表单事件提交的几种方法

本文介绍了如何在网页开发中实现表单的同步和异步提交,包括禁用自动提交、JavaScript获取并提交数据的方法,以及通过get和post的不同方式、实体类和FormCollection接收数据。详细讲解了使用FormData、Controller和视图层的交互过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

  1. 表单事件的提交分为同步提交和异步提交。
  2. form属性:规定输入域所属的一个或多个表单。

注释:form 属性适用于所有 <input> 标签的类型。

form 属性必须引用所属表单的 id:

3.禁用表单自动提交方式:οnsubmit=”return false;”

4.用javaScript方法来实现表单数据的获取和提交:

”get”:

  1. 可以通过形参的方式去接收。

              1先在控制器中声明一个方法,再声明一个变量去接收用字符串拼接起来的属性值。

               (2)可以通过实体类的方式去接收。

               

                 1先声明一个方法去接收成员变量和属性值。

                 2再将方法转化为实例类,声明变量去赋值,然后用字符串拼接起来返回值。

                    实体类只能创建好才能使用(可以创建多个类)  --à类类型

                    静态类可以直接使用,无需创建类

                 

            (3)在function事件加载函数中去调用getData()方法,先声明变量去获取输入框的值,为了防止输入框内没有输入值也能输出的情况下,使用if……else条件语句能够有效地避免这种情况。

               1属性:action是提交表单的地址,后面接的是提交方式所用的方法,method是提交表单的方式。

               2提交:submit()方法:当提交表单时,会发生 submit 事件。该事件只适用于表单元素。

                  用法:在每一个匹配元素的submit事件中绑定的处理函数。

              3如果获取到的姓名不为空,性别不为零,地址不为空的情况下,将会获取到输入框的值,然后在视图中显示出来。

              

      “post”:   (1)可以通过形参的方式去接收

                   1形参的方法请看上图GetData()方法,不同的是提交的方式不一样。

                 (2)"/form/getDataByFormCollection"通过FormCollection来接收数据

                  

                  1FormCollection :类类型通过post方式可以获取值,接收到数据,而用get方法只能接收到post提交过来的数据,而不能获取值

                 (3)通过Request.Form["name的属性值"]获取表单数据

                 

(4)  EntityClass实体类接收数据

 1 实体类的方法请看上面的getDataByEntityClass()方法,不同的是提交方式不一样

  

(5)在function事件加载函数中去调用postData()方法,先声明变量去获取输入框的值,为了防止输入框内没有输入值也能输出的情况下,使用if……else条件语句能够有效地避免这种情况。

      1属性:action是提交表单的地址,后面接的是提交方式所用的方法,method是提交表单的方式。

      2提交:submit()方法:当提交表单时,会发生 submit 事件。该事件只适用于表单元素。

         用法:在每一个匹配元素的submit事件中绑定的处理函数。

 

 

   

 

 

 

 

 

 

 

 

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值