image 标签能提交表单???

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

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

  界面源码如下:

   


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

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

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

image 标签能提交表单???_第1张图片

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

 


你可能感兴趣的:(image 标签能提交表单???)