image 标签能提交表单???

本文探讨了一个关于表单提交的问题,即如何在没有明确提交按钮的情况下实现表单的提交,并讨论了如何改进登录验证过程,包括使用AJAX异步提交以获取更好的用户体验。

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

    最近负责系统的重构,将servlet程序改为三大框架的。

  查看原系统登录的时候发现一个问题,没有找到登录方法,form标签添加了个action路径,点击登录就能提交表单。查看了界面所有引用的js,里面都没有发现触发表单提交的方法,还有密码错误提示。。有点怪。。。

  界面源码如下:

   


     重构时,登录得有验证,验证不通过就得有提示吧,暂且不管原系统中是如何实现登录提交的。原系统中弹出框的提示感觉还是不好,应该使用更人性化的,直接在登录首页上提示错处信息,很少有系统弹出框来提示用户密码错误。

     那么图片按钮是怎么提交的form表单啊?原因是这样的,在没有submit按钮存在时,image按钮也有submit按钮功能,也就是提交form表单了,因此,不需要给图片按钮添加什么点击事件什么的了。但是这样还不好,只把表单提交了,没有接收返回信息的方法,所以,提交表单还得用ajax异步提交。

     这时需要将form标签中的action属性去掉,给图片按钮添加点击事件。如下图:


     这样,一来可以避免由图片按钮出发的submit提交表单事件(action要去掉哈);二来可以自定义ajax异步提交表单,对返回结果进行处理。。

 


评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值