`
dawuafang
  • 浏览: 1107482 次
文章分类
社区版块
存档分类
最新评论

image 标签能提交表单???

 
阅读更多

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

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

界面源码如下:


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

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

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


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


分享到:
评论

相关推荐

    HTML 使用表单标签实现注册页面的实例代码

     - 使用图片标签提交表单 <input type="image" src="图片的路径"/>   完整代码:   <html> <head> <title>World</title> </head> <body> <form action="01-...

    html&css;&JavaScript;基础笔记

    ... ...Head中常用的标签 4 Body体上的标签 4 Body体里面的标签 4 1. 锚点标签 4 ...Body体里面的标签——表格 7 ...input ttpye=“submit/image/reset/button....”value="提交"> 8 Body体里面的标签——框架标记 12

    input标签里面的name与value的区别

    这就是一个按钮) type可选的值如下: button 按钮 checkbox 复选按钮组件 file 文件上传组件 hidden 隐藏域 image 图片区域 password 密码输入文本框 radio 单选按钮组件 reset 重置表单按钮 submit 提交表单按钮 ...

    生鲜类:仿爱鲜蜂微信小程序

    (4)form表单组件,用来将表单输入的内容提交给后台,比如提交<switch/> <input/> <checkbox/> <slider/> <radio/> <picker/> 这些组件的数据; (5)picker从底部弹起的滚动选择器,现支持三种选择器,通过mode来...

    css笔记课程笔记2019,5,22

    5、表单标签 ** <form></form> - action method enctype - method: get post ** 输入项 *** 有name属性 * 普通输入项 type="text" * 密码: password * 单选:radio - name值相同 - value值 ...

    jquerySimpleImageCheck

    功能列表将自定义图像用于复选框和单选按钮继续使用符合标准的输入字段和标签不中断表单提交全面实施ARIA 轻量级(最小1.93kb) 经过测试的浏览器Firefox 3+ Internet Explorer 7+ Chrome合金歌剧用法选项: { image...

    JavaScript_DOM编程

    item方法:返回某字段元素值(不能返回type=image类型) onsubmit事件:在程序提交前触发,若其值为true则提交,若为false则不提交给服务器 三、script标签属性 ·defer 属性:该属性无值,设置该属性使得本标签在...

    JavaScript详解(第2版)

     11.4.4 提交填写完成的表单   11.4.5 this关键字   11.4.6 submit()及reset()方法   11.5 输入设备(控件)编程   11.6 应知应会   练习   第12章 图片与链接   12.1 图片简介   12.1.1 ...

    从入门到精通HTML5——PDF——网盘链接

     9.1 使用表单标签——form 182  9.1.1 处理动作——action 182  9.1.2 表单名称——name 183  9.1.3 传送方法——method 183  9.1.4 编码方式——enctype 184  9.1.5 目标显示方式——target 185  9.2...

    第三代移动WEB内核小程序风口-逐浪CMS2 x3.9.3全面发布

    ■建站:版块表单功能,提交的表单后台存储 ■建站:模板增加预览功能(PC,iPad,iPhone) ■建站:使用新的编辑器替代ckeditor ■建站:版块数据管理功能(content|image等) ■修复:UEditor编辑器,图片上传Bug ■修复:...

    ExtAspNet_v2.3.2_dll

    -为Button,MenuItem(MenuButton,MenuHyperLink),AccordionLink,TreeNode,Image(如果ImageUrl为空,则取Icon的值)增加Icon属性。 +2009-09-15 v2.1.1 -修正不能动态修改AccordionPane属性Items的BUG。 +为...

    Ext 开发指南 学习资料

    如何使用input type="image" A.12. Ext.Window中的closeAction A.13. 使用同步ajax B. 修改日志 C. 后记 C.1. 2007年12月5日,迷茫阶段 C.1.1. 仇恨 C.1.2. 反省 C.2. 关于ext与dwr整合部分的讨论 C.3. 怎么看文档...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -为Button,MenuItem(MenuButton,MenuHyperLink),AccordionLink,TreeNode,Image(如果ImageUrl为空,则取Icon的值)增加Icon属性。 +2009-09-15 v2.1.1 -修正不能动态修改AccordionPane属性Items的BUG。 +为...

    Ext Js权威指南(.zip.001

    7.3.4 格式化提交数据:ext.data.writer.writer、ext.data.writer.json和ext.data. writer.xml / 322 7.3.5 writer对象的配置项 / 325 7.4 数据模型 / 326 7.4.1 概述 / 326 7.4.2 数据类型及排序类型:ext....

    UWA 2.X 通用建站系统 v2.1.0

    [增强]修复表单提交时 uploadify 是否正在上传附件判断 [增强]一键更新 [修正]修复地址拼装函数Url::U() [增强]完善缓存清除记录,优化缓存清除过程 [修正]完善会员中心档案链接预览 [修正]完善上传类AUpload获取...

    零基础学ASP.NET 2.0电子书&源代码绝对完整版1

    4-08.html 以post方式提交数据到4-08.aspx的表单。 4-08.aspx 接收表单数据并进行处理。 4-10.aspx Request对象几个属性的使用。 example.htm 创建表单。 example.aspx ...

    jQuery完全实例.rar

    当你创建单个元素时,请使用闭合标签或 XHTML 格式。例如,创建一个 span ,可以用 $("<span/>") 或 $("<span></span>") ,但不推荐 $("<span>") --------------------------------------------------------------...

    大名鼎鼎SWFUpload- Flash+JS 上传

    整个文件上传完成之后,下一个页面才会显示,并且不能对选择的文件做预设的文件检验,例如文件大小限制,文件类型限制。当文件上传时,用户获得的可用的反馈信息很少。 传统的HTML上传模式十分简单,线性的,几乎...

    零基础学ASP.NET 2.0&源代码绝对完整版1

    4-08.html 以post方式提交数据到4-08.aspx的表单。 4-08.aspx 接收表单数据并进行处理。 4-10.aspx Request对象几个属性的使用。 example.htm 创建表单。 example.aspx 处理表单。...

Global site tag (gtag.js) - Google Analytics