精华内容
下载资源
问答
  • 一个表单多个提交按钮,提交到不同的Action:(每次只能提交到一个Action,有多种选择)例: <1script> //点击加密调用此方法 function encrypt(){     document.getElementById(...

    一个表单多个提交按钮,提交到不同的Action:(每次只能提交到一个Action,有多种选择)例:

    方式一:

    1、表单中设置两个提交按钮:加密、解密;点击后分别调用不同的方法

    <s:form id="Form" action="" namespace="/">
      <button onclick="encrypt()">加密<button>
      <button onclick="decrypt()">解密</button>
    <s:form>
    

    2、在不同的函数中设置要提交的地址

    <script>
    //点击加密按钮调用此方法
    function encrypt(){
      //跳转到encrypt.aciton
      document.getElementById("Form")
     .action="${pageContext.request.contextPath}/enAndDeAction_encrypt.action?";
      document.getElementById("Form").submit;
     }
     
     //点击加密按钮调用此方法
    function decrypt(){
    document.getElementById("Form")
    .action="${pageContext.request.contextPath}/enAndDeAction_decrypt.action?";
    document.getElementById("Form").submit;
     }
    <script>
    

    方式二:使用form自带的formaction属性

    <form action="/test1.action" method="get">
      姓名: <input type="text" name="name" /><br />
      密码: <input type="password" name="password" /><br />
    <input type="submit" value="提交1" />//提交到test1.action,方式为GET
    <input type="submit" formmethod="post" formaction="/test2.action" value="使用 POST 提交" />//提交到test2.action,方式为POST
    </form>
    

    //参考地址:
    https://blog.csdn.net/jinchunzhao123/article/details/81042692
    w3cSchool

    展开全文
  • flask 单个表单多个提交按钮 --

    千次阅读 2019-03-17 22:53:00
    单个表单多个提交按钮 在某些情况下,可能需要为一个表单添加多个提交按钮。比如在创建文章的表单中添加发布按钮和存草稿的按钮。当用户提交表单时,需要在视图函数中根据按下的按钮来做出不同的处理。 下面例子...

    单个表单多个提交按钮

     

    在某些情况下,可能需要为一个表单添加多个提交按钮。比如在创建文章的表单中添加发布按钮和存草稿的按钮。当用户提交表单时,需要在视图函数中根据按下的按钮来做出不同的处理。

    下面例子中创建了一个表单,save按钮用于保存,publish表示发布,正文字段使用TextAreaField字段。

     

    forms.py:

    class NewPostForm(FlaskForm):
        title = StringField('Title', validators=[DataRequired(), Length(1,50)])
        body = TextAreaField('Body', validators=[DataRequired()])
        save = SubmitField('Save') # 保存按钮
        publish = SubmitField('Publish') # 发布按钮
    
    

    当表单数据通过POST请求提交时,Flask会把表单数据解析到request.form字典。如果表单中有两个提交字段,那么只有被单击的提交字段才会出现在这个字典中。当我们对表单类实例或特定的字段属性调用data属性时,WTForms会对数据做进一步处理。对于提交字段的值,它会将其转换为布尔值:被单击的提交字段的值将是True,违背单击的值则是False。

    基于这个机制,我们可以通过提交按钮字段的值来判断当前被单击的按钮。

    例子:app.py:判断被单击的提交按钮

     

    from forms import NewPostForm
    
    
    @app.route('/two-submits', methods=['GET', 'POST'])
    def two_submits():
        form = NewPostForm()
        if form.validate_on_submit():
            if form.save.data:  # 保存按钮被单击
                #进行保存
                flash('You click the "Save" button.')
            elif form.publish.data:  # 发布按钮被单击
                # 提交
                flash('You click the "Publish" button.')
            return redirect(url_for('index'))
        return render_template('2submit.html', form = form)

     

     

    访问127.0.0.1:5000/two-submits,当点击某个按钮时,重定向后的页面的提示信息中会包含你单击的按钮名称。

     

     

     

    有些时候,还需要在表单添加非提交按钮。比如添加一个返回主页的取消按钮。因为这类按钮和表单处理过程无关,最简单的方式是直接在HTML模板中手动添加。

     

    转载于:https://www.cnblogs.com/xiaxiaoxu/p/10549554.html

    展开全文
  • 办法1.同一个页面中建立两个表单 各自提交: <!-- 表单内容 --> <!-- 表单内容 --> 办

    办法1.同一个页面中建立两个表单 各自提交:

    <form action="?" name="form1" id="form1">
     <!-- 表单内容 -->
    <input type="submit" />
    </form>
    <form action="?" name="form1" id="form1">
     <!-- 表单内容 -->
    <input type="submit"  />
    </form>
    

    办法2:如果非要只有一个表单的话,通过js提交:

    <script type="text/javascript" language="javascript">
    function submitYouFrom(path){
     $('form1').action=path;
     $('form1').submit();
    }
    </script>
    <form action="?" name="form1" id="form1">
    
     <!-- 表单内容 -->
    <input type="button" value="提交1" onclick="submitYouFrom('地址一')"/>
    <input type="button" value="提交2" onclick="submitYouFrom('地址二')"/>
    </form>
    

    方法3:

    function submitYouFrom(mets,path){
           $("#form1").attr("action",path); 
           $("#form1").attr("method",mets); 
           $('#form1').submit();
    }
    submitYouFrom('方式',‘路径');
    

    利用插件的方法:使用插件在一个html页面实现多个form表单提交的方法实例

    展开全文
  • 功能名称:实现一个html页面多个form的提交请求 适用范围:所有的html +jquery 页面 需要插件:jquery 与 validform、llayui ...插件一、validform实现多个表单异步提交 html中的代码示例: <script type...

    功能名称:实现一个html页面下多个form的提交请求
    适用范围:所有的html +jquery 页面
    需要插件:jquery 与 validform、llayui
    validform地址 validform下载地址 官网下载地址
    layui地址:https://www.layui.com/

    插件一、validform实现多个表单异步提交
    html中的代码示例:

    <script type="text/javascript" src="引入你的jquery"></script>
    <script type="text/javascript" src="引入valiform的.min.js"></script>
    
    <form id="form1">
     <input  name="demo"  type="text" value=""  nullmsg="请填写账号" maxlength="16"  autocomplete="off">
     <button type="submit" name="commit" class="btn btn-primary">提交</button>
    </form>
    
    
    <form id="form2">
     <input  name="demo"  type="text" value=""  nullmsg="请填写账号" maxlength="16"  autocomplete="off">
     <button type="submit" name="commit" class="btn btn-primary">提交</button>
    </form>
    
    <form id="form3">
     <input  name="demo"  type="text" value=""  nullmsg="请填写账号" maxlength="16"  autocomplete="off">
     <button type="submit" name="commit" class="btn btn-primary">提交</button>
    </form>
    

    js中的片段

    $("#form1").Validform({
                        tiptype: function (msg, o, cssctl) {
                            if (!o.obj.is("form")) {
                               //表单验证 失败的表单信息
                               console.log(msg);
                            } else {
                               //ajax提交后的请求返回
                               console.log(msg);
                            }
                        },
                        ajaxPost: true
                    });
                })
    $("#form2").Validform({
                        tiptype: function (msg, o, cssctl) {
                            if (!o.obj.is("form")) {
                               //表单验证 失败的表单信息
                               console.log(msg);
                            } else {
                               //ajax提交后的请求返回
                               console.log(msg);
                            }
                        },
                        ajaxPost: true
                    });
                })
    $("#form3").Validform({
                        tiptype: function (msg, o, cssctl) {
                            if (!o.obj.is("form")) {
                               //表单验证 失败的表单信息
                               console.log(msg);
                            } else {
                               //ajax提交后的请求返回
                               console.log(msg);
                            }
                        },
                        ajaxPost: true
                    });
                })
    
    

    ajax后端返回的json格式

    {status: "n", info: "密码错误或用户名不存在!"}
    

    注:相关表单的验证使用可以选择查看官网的文档教程。

    插件二、layui中自带的表单控件

    html中代码:

    <link rel="stylesheet" href="你的layui存放路径,这个时链接layui的样式/layui.css"  media="all">
    <script type="text/javascript" src="引入你的jquery"></script>
    <script type="text/javascript" src="引入layui的.min.js"></script>
    
    <form class="layui-form" action="">
      <div class="layui-form-item">
        <label class="layui-form-label">单行输入框</label>
        <div class="layui-input-block">
          <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
        </div>
      </div>
      <div class="layui-form-item">
        <div class="layui-input-block">
          <button type="submit" class="layui-btn" lay-submit="" lay-filter="form1">立即提交</button>
        </div>
      </div>
    </form>
    
    

    js中的代码:

    layui.use('form', function(){
      var form = layui.form,layer = layui.layer;
      //监听提交
      form.on('submit(form1)', function(data){
        //打印返回的data
        console.log(data);
      });
       form.on('submit(form2)', function(data){
        //打印返回的data
        console.log(data);
      });
       form.on('submit(form3)', function(data){
        //打印返回的data
        console.log(data);
      });
    })
    

    注:相关的表单验证与详细的配置信息参考官网文档。

    另外附上 :原生js搭配html实现多个表单提交的方法

    展开全文
  • 将一个表单提交多个页面的方法

    千次阅读 2016-09-05 20:39:37
    下面例子中的代码就可以实现了将一个表单提交多个页面的 。
  • 转载自:IT摆渡网 -- 一个IT实时在线问答平台,解决任何IT技术难题,无需等待,立马...这样就可以实现多个按钮提交! 以下是案例: 然后: function tixiana() { $("#tijiao").removeAttr('act
  • 我做的项目的一个需求是:在网页的一个页面上,同时使用多个表单,可以修改自定义表单的item(选择自己需要的 数据进行录入,并且可以删除不想要的item),点击最顶层的按钮,可以同时提交多个表单。 效果 单一表单...
  • 一个jsp页面实现同时提交多个表单

    千次阅读 2018-09-08 19:49:57
    多个表单利用其id将其一一序列化:var project = $("#project_form").serializeArray(); 然后存放在一个object对象中:for(var i in project){ obj[project[i].name] = project[i].value; } 利用ajax...
  • 今天遇到的当前页面是已经带了参数了,比如:www.xxx.com/index.php?id=1,按照action留空的方法来提交,就不能提交到这带参数的url了,也不能到把表单中的直拼接在uri后面。那怎么办呢,可以用js的方法拼接好在...
  • form表单提交多个相同name属性

    千次阅读 2020-05-06 15:53:48
    form表单提交多个相同name属性form表单提交多个相同name属性
  • ASP中一个页面多个表单提交

    千次阅读 2004-08-19 10:17:00
    网页有时我们需要将多个表单方在同一个页面处理表单的程序页怎样才知道那个表单提交了并作相应的处理呢?下面是一个例子:form.asp%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>sub chuli()if request.QueryString(...
  • jsp页面一个表单提交多个Action

    千次阅读 2018-11-28 17:05:39
    https://www.cnblogs.com/baorantHome/p/8075489.html
  • 一个表单提交多个按钮

    千次阅读 2010-04-15 12:11:00
    我们有时在制作网页过程中,可能需要实现在一个表单提交多个按钮,来实现一个表单提交多个处理页面,进行不同的处理。具体请看下面的代码。 <script type="text/javacript" language="javascript"> function ...
  • 表单提交多个异步校验

    千次阅读 2018-10-02 04:35:24
    异步校验完成时间不确定,js代码无法及时根据异步校验结果判断是否该提交表单 2.解法方式 2.1 使用同步 同步会等每请求响应成功才会执行后面的js代码 代码简单,效果好 同步ajax会锁死页面,用户体验...
  • 在很列表信息显示的页面,一般都设有按条件查询,显示功能,另外还会 有相应的导出功能,或者需要用到查询条件的其他功能,这 时候为了让 查询的form 的数据能够被共同使用,即实现让一个表单 可以 进行两不同...
  • 一般做法可以先提交给一个页面,执行了再把值传到另一个页面处理,根据这情况,显得有点麻烦,我的方法是用javascript脚本,可以一FORM表单直接提交给两不同的页面同时处理,不说了,大家看一下我的代码:
  • 使用ajax点击按钮提交多个表单

    千次阅读 2018-03-13 13:53:44
    最后点击页面保存按钮,提交表单,保存数据实现方式:ajax提交多个表单.问题:为什么使用普通的提交按钮,通过js控制会不好使?开始,我为了省事儿,直接获取这些新增的表单id,使用$("XXX").submit(),提交表单,...
  • 在做管理页面的时候常常遇到这样的情况:全选所有列表,然后进行多个操作(删除、转移等),这样每条记录做一个表单比较麻烦,HTML代码太多而且操作复杂。通常会遇到了一个表单提交到不同的处理页面,比如执行删除的...
  • 在项目开发中遇到多个表单需要提交到后台,而且其中包含一些table数据,所以最后经过查询资料总结出以下方法:(我用的前端框架是layui其他的思想应该是一样的) 在看代码之前先说一下我的思路,因为代码写的也不是...
  • 因为在框架中上传文件时不适合直接用form提交,因为这样会刷新页面。我们一般会用ajax进行异步上传。此方法可上传多种类型文件。 html代码: 注意如果要多选文件需要在input上增加属性 multiple="multiple"...
  • 今天在写单页面提交多个layedit富文本内容时发现用传统的form表单提交是无法将layedit中的标签内容提交的,原因是layui layedit富文本是将textarea当做目标元素进行渲染的,所以textarea中仅显示原生textarea中的...
  • 多个文件上传 文件与form表单普通属性同时提交 通过ajax提交form表单(含文件上传 ) 首先来看前端html,一个页面中同时实现了ajax方式提交表单(含附件)以及通过submit方式进行表单提交(带附件) <!DOCTYPE ...
  • 我有一个表单页面提交时会同时把数据提交到两个页面,请问该怎么写,两个页面需要打开,试了网上的如下代码只能打开一。 ``` function hbsubmit(){ document.form1.target="_blank"; document.form1....
  • 有这么一需求,根据登录用户的权限,页面上会动态显示几个表单,是的,独立的几个表单(就是有这样的需求)。这些动态的表单呢,样式都一样,都需要做校验,并且提交的时候,只能提交有权限且验证通过的表单线上demo:...
  • 多表单提交

    千次阅读 2010-05-06 16:59:00
    问题描述:有时,表单数据太多,无法在同一个页面显示,需要分页完成(如用户注册表单)。...1. 把HTML表单拆分到多个JSP页面中这里我们把注册表单拆分为两个表单:第一个在insertContent.jsp中定义,包括na
  • 开发过程,遇到post重复提交问题,导致数据写入混乱。... //防止表单重复提交 if(!check_token($_POST)){ $this->ajaxReturn(null,"请不要重复提交",0); } ,这样也算解决了重复提交的问题,不
  • 最后搞公司的一系统,里面有很多表单提交,AJAX,其中遇到一问题让我对jquery更感神奇了。 页面上有4个表单,A,B,C,D。 A是基本信息表单,记录了一条记录的主要信息。 B是其明细记录,可以修改。 C是一按时间...
  • 目前公司的商家后台项目,在新增商品的时候,分成了多个模块,提交表单的数据也是有多个对象组成,假设现在有baseInfoForm,skuInfoForm,freightForm,点击确定同时校验,验证通过则提交,一个不通过则不提交,使用...
  • 一个form表单实现提交多个action

    千次阅读 2018-01-23 14:59:47
    这样可以实现将多个按钮发送到不同的网页中。 36 body > 37 html > 38 39 方法二: 40 提交form的时候,里面的action不能带参数,例: 41 < form action ="test.do?args=888" > 42 < ...
  • 大神求帮助,html页面有俩个form表单个提交按钮,如何点击提交按钮能把这两个表单提交 大神求指教,谢谢啦

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 212,222
精华内容 84,888
关键字:

表单多个提交页面