`
magic563
  • 浏览: 387 次
  • 性别: Icon_minigender_2
  • 来自: 西安
文章分类
社区版块
存档分类
最新评论

form image 提交表单问题

 
阅读更多

         捣腾了大半天,解决了个小问题。汗。

         项目首页index.jsp中使用

        <form  action="<%=path%>/common/UserManager/login.do" method="post" name='form1'>        

           <input   type="image"   onclick="submitForm();">

       </form>

       提交表单。

      submitForm() 方法想要对有户名,密码进行非空校验后,再提交form,结果每次点击<input    type="image">按钮,在调用  submitForm() 方法的同时,也会进后台<form  action> 所链接的action 方法。

       原来<input   type="image" >具有<imput type="submit">的功能,直接提交form。改成<img   onclick=''>就可以了,和<input   type="image" >的页面效果是一样的,但点击按钮会进onclick方法,在click就里校验完手动提交form。

分享到:
评论

相关推荐

    html表单的几种提交方式总结

    最普通最常用最一般的方法就是用submit type..看代码: 复制代码代码如下: &lt;form name=”form” method=”post” action=”#”&gt; &lt;input type=”submit” name=”submit...第三种是使用链接来提交表单,用到了

    巧用js提交表单轻松解决一个页面有多个提交按钮

    代码如下: ”javascript” name=”code”&gt;function check(txt){ $j(“form”).submit(function(){ if($txt==”提交”){ this.action=”doAddMessage.action?button=提交”; this.submit(); }else{ this.action=”...

    Node.js-TypeForm的一个开源替代构建在nodejs之上可以从PDF或从头创建令人惊叹的表单

    TypeForm的一个开源替代构建在nodejs之上,可以从PDF或从头创建令人惊叹的表单

    vue axios 表单提交上传图片的实例

    然后问题就是element 中的上传控件在没有图片的时候是不会触发提交的,但接口写的是有file的 multipart/form-data 接收模式 所有只能自己另个模仿一个表单上传 &lt;input class=file name=file type=file accept=...

    微信小程序表单验证功能完整实例

    本文实例讲述了微信小程序表单验证功能。分享给大家供大家参考,具体如下: Wxml &lt;form bindsubmit="formSubmit" bindreset="formReset"&gt; &lt;input name="name" class="{{whoClass=='name'?'...

    form的OnSubmit和input type=image使用介绍

    那么直接按这个图像后会提交表单, 如果有OnSubmit会先执行这个函数,如果返回false则不提交表单! 复制代码代码如下: [removed] function test() { alert&#40;“测试!”&#41; } [removed] &lt;form name=”F1″ ...

    jquery.form.js

    function initAjaxForm(_formId,_rollback,_validate,_dataType){ var options = new Object();...//type=image表单元素 $('#'+_formId).ajaxForm(options); // bind form using 'ajaxForm' }

    react-formbuilder:相对易于使用的表单生成器(单页或多页),具有错误报告和大量的自定义空间

    一个React Form Builder 该软件包为单页和多页表单提供了一个简单的表单构建解决方案。 表单是根据字段名称,类型和验证规则定义的,并且构建器会执行其他所有... type: ["image"|text"|"textarea"|"choiceGroup"|"che

    LayuiForm表单.txt

    form表单元素包括:text 文本输入框,password密码输入框,checkbox复选框,radio单选框,file 文件域,submit表单提交action指向的文件,reset表单清空,image图片提交按钮,button按钮,hidden隐藏域。 select ...

    Java手机浏览的图片查看器.rar

     image = Image.createImage(fileName[index]); // 以指定文件创建一个固定图像  } catch (java.io.IOException err) {}  ImageItem imageItem = new ImageItem(null,image,ImageItem.LAYOUT_CENTER,"img"); // ...

    Java制作的图库图片浏览查看器源代码.rar

     image = Image.createImage(fileName[index]); // 以指定文件创建一个固定图像  } catch (java.io.IOException err) {}  ImageItem imageItem = new ImageItem(null,image,ImageItem.LAYOUT_CENTER,"img"); /...

    php – 前端表单上传文件并保存到指定服务器目录

    前端使用 from 表单以 POST 方式提交文件,php 进行处理后存储文件到指定目录。 目录结构:新建一个存储用户文件的文件夹(userImage),然后再建一个 index.php 实现 为了直观简洁,我把 HTML 与 PHP 代码都写在了 ...

    物业管理系统

    在form1表单中添加16个label控件,13个text控件,1个edit控件,2个commandgroup控件,1个common dialog控件,1个image控件,2个command控件,在form2表单中添加1个command控件,1个grid控件。在form1中的load事件中...

    Form表单标签的Enctype属性的作用及应用示例介绍

    Enctype :指定将数据回发到服务器时浏览器使用的编码类型。用于表单里有图片上传。 编码类型有以下三种: application/x-...form action=”${pageContext.request.contextPath}/imageUpload_saveOrUpdat

    flutter_image_form_field:将图像上传到Flutter表单

    以Flutter Form处理图像上传。 用法 为了完全自定义照片上传字段,需要几个回调和类。 在大多数情况下,您将混合来自远程源和本地上载的照片。 对于这些,适配器层很有用: class ImageInputAdapter { /// ...

    html.rar_html_image_style_多表格_显示表格

    页面(Page) 字体(Font) 文字布局(Text Style) 图象(Image) 表单(Form) 表格(Table) 表格进阶(Advanced) 多窗口页面(Frames) 会移动的文字(Marquee) 多媒体页面(Alternative Inline Elements) 详细目录 ...

    h5上传压缩图片Image.rar

    H5 上传图片 拍照 压缩图片 上传 form 表单提交,直接请求接口就可以了,下载了就能用,自己定义接口请求,实测绝对可用,不能用打我

    DynamicForm:antd移动json表格

    :maple_leaf:表单提交取值。 :lipstick:融合多类型组件表单。 :rainbow:支持动态表单。 :tropical_fish:公司内部数十个项目中得到锤炼,不断优化完善。 组件 dform共提供15种组件。涵盖: 文本展示类型: text ...

    微信小程序 form组件详解

    表单: 将组件内的用户输入的&lt;switch&gt; &lt;input/&gt; &lt;checkbox&gt; &lt;slider&gt; &lt;radio&gt; &lt;picker&gt; 提交 主要属性: 效果图:  ml: ... &lt;image xss=removed src=../../image/logo.jpg&gt; &lt;/image&gt; ...form表单组件 是提

Global site tag (gtag.js) - Google Analytics