精华内容
下载资源
问答
  • 表单提交数据存储到本地
    千次阅读
    2021-06-12 13:19:54

    关于提交数据连接

    用户提交表单就表示表单已经填写完毕。此时数据通过提交数据连接提交,该连接将信息保存在 SharePoint 表单库等外部数据源中。这一点与保存表单操作不同。例如,作为表单设计者,当您保存表单时,系统会同时保存您的表单开发进展,以便您稍后可以继续操作,就像保存 Word 文档时一样。同样,用户在填写表单时也可以保存表单,将他们的填写进展保存下来,以便稍后能够返回到表单。即使用户已经保存表单,但在填写完后仍需提交表单。

    在设计基于 Web 服务或 SharePoint 列表的新表单时,初始数据连接将成为该表单的默认主要提交数据连接。InfoPath 会镜像主要数据连接的数据字段的结构,以便您在提交表单时可以设置这些字段包含的值。您也可以从头开始创建表单,然后在不基于数据连接的表单模板中添加一个提交数据连接,甚或在已经有一个提交数据连接时再添加一个数据连接。

    虽然大多数表单都配置为包含一个提交数据连接,并将表单中的所有数据都提交给它,但是拥有多个提交数据连接使您可以使用规则或自定义代码来控制将哪些字段提交给哪个数据源。例如,您可以将表单配置为允许用户将填完的表单提交到 Web 服务以及通过电子邮件发送。

    根据您指定的规则提交表单。您可以将提交规则添加到按钮上,以便在用户单击“提交”后提交表单;也可以让该规则以用户填写表单时发生的某个其他事件为基础:

    有关操作规则和提交数据操作的详细信息,请参阅添加执行其他操作的规则。

    更多相关内容
  • testDemo.wxml 姓名 性别 男 女 身高 cm...}, bindRegionChange: function (e) { console.log('picker发送选择改变,携带值为', e.detail.value) this.setData({ region: e.detail.value }) } }) 页面及保存数据 如下

    testDemo.wxml 

    <form bindsubmit="formSubmit">
    <view class="page-section">
        <view class="weui-cells__title">姓名</view>
        <view class="weui-cells weui-cells_after-title">
          <view class="weui-cell weui-cell_input">
            <input class="weui-input" name="userName" placeholder-style="color:#F76260" placeholder="必填" />
          </view>
        </view>
      </view>
      <view class="section section_gap">
        <view class="weui-cells__title">性别</view>
        <radio-group name="sex">
          <label><radio value="男"/>男</label>
          <label><radio value="女"/>女</label>
        </radio-group>
      </view>
      <view class="page-section">
        <view class="weui-cells__title">身高</view>
        <view class="weui-cells weui-cells_after-title">
          <view class="weui-cell weui-cell_input">
            <input class="weui-input" name="hight" type="digit" placeholder="带小数点的数字键盘"/>cm
          </view>
        </view>
      </view>
      <view class="page-section">
        <view class="weui-cells__title">身份证输入的input</view>
        <view class="weui-cells weui-cells_after-title">
          <view class="weui-cell weui-cell_input">
            <input class="weui-input" name="idcard" type="idcard" placeholder="请输入身份证" />
          </view>
        </view>
      </view>
      <view class="section">
      <view class="section__title">出生日期选择</view>
      <picker mode="date" value="{{date}}" name="birthday" start="1990-09-01" end="2017-09-01" bindchange="bindDateChange">
        <view class="picker">
           当前选择: {{date}}
        </view>
      </picker>
    </view>
    <view class="section">
      <view class="section__title">出生地选择</view>
      <picker mode="region" bindchange="bindRegionChange" name="birthplace" value="{{region}}" custom-item="{{customItem}}">
        <view class="picker">
          当前选择:{{region[0]}},{{region[1]}},{{region[2]}}
        </view>
      </picker>
    </view>
    
      <button formType="submit">提交</button>
        <button formType="reset">重新填写</button>
    </form>
    <view class="guide" >
       
        <text class="p" wx:if="{{counterId}}">新增的记录 _id 为:{{counterId}}</text>
        <div class="nav">
        </div>
      </view>
    

    testDemo.js 

    Page({
    
        /**
         * 页面的初始数据
         */
        data: {
          date: '1995-09-01',
          region: ['广东省', '广州市', '海珠区'],
          customItem: '全部'
        },
    
        /**
         * 生命周期函数--监听页面加载
         */
        onLoad: function (options) {
    
        },
        formSubmit: function (e) {
          console.log('form发生了submit事件,携带数据为:', e.detail.value)
          var data=e.detail.value
          if (e.detail.value.userName.length == 0) {
            wx.showToast({
            title: '姓名不能为空!',
            icon: 'loading',
            duration: 1500
            })      
            }else{
              wx.showLoading({
                title: '数据正在提交中......',
                mask:"true"
              })
        
              const db = wx.cloud.database()
              db.collection('test').add({
              data: data,
              success: res => {
                // 在返回结果中会包含新创建的记录的 _id
                this.setData({
                  counterId: res._id
                })
                wx.showToast({
                  title: '新增记录成功',
                })
                wx.hideLoading()
               console.log('[数据库] [新增记录] 成功,记录 _id: ', res._id)
              },
              fail: err => {
                wx.showToast({
                  icon: 'none',
                  title: '新增记录失败'
                })
                console.error('[数据库] [新增记录] 失败:', err)
              }
            })
          }
        },
          bindDateChange: function (e) {
            console.log('picker发送选择改变,携带值为', e.detail.value)
            this.setData({
              date: e.detail.value
            })
          },
          bindRegionChange: function (e) {
            console.log('picker发送选择改变,携带值为', e.detail.value)
            this.setData({
              region: e.detail.value
            })
          }
    })

    页面及保存数据 如下

      

     

    展开全文
  • 今天小编就为大家分享一篇layui实现form表单同时提交数据和文件的代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
  • 主要为大家详细介绍了微信小程序实现form表单本地储存数据,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 第一个页面"index.jsp"是普通的表单页面为了简单起见,表单使用表格元素进行定位,然后提交到第二个页面,底部有效果图 <%@ page language="java" contentType="text/html; charset=utf-8"%> <html> <...

    第一个页面"index.jsp"是普通的表单页面为了简单起见,表单使用表格元素进行定位,然后提交到第二个页面,底部有效果图

    <%@ page language="java" contentType="text/html; charset=utf-8"%>
    <html>
    <body>
    	<h2>清明节离校去向登记</h2>
    	<br>
    
    	<form action="index_request.jsp" method="post">
    		<table>
    			<tr>
    				<td>姓名:</td>
    				<td><input type="text" name="xinming" required="required" /></td>
    			</tr>
    			<tr>
    				<td>学号:</td>
    				<td><input type="text" name="xuehao" required="required" /></td>
    			</tr>
    			<tr>
    				<td>去向:</td>
    				<td><input type="text" name="quxiang" required="required" /></td>
    			</tr>
    			<tr>
    				<td>离校时间:</td>
    				<td><input type="text" name="lixiao" placeholder="例:1999-1-1" /></td>
    			</tr>
    			<tr>
    				<td>返校时间:</td>
    				<td><input type="text" name="fanxiao" placeholder="例:1999-1-1" /></td>
    			</tr>
    			<tr>
    				<td>本人电话:</td>
    				<td><input type="tel" name="benren" required="required" /></td>
    			</tr>
    			<tr>
    				<td>父母电话:</td>
    				<td><input type="tel" name="fumu" required="required" /></td>
    			</tr>
    		</table>
    
    		<input type="submit" name="tijiao" value="提交" /> <input type="reset"
    			name="quxiao" value="取消" />
    
    	</form>
    
    
    </body>
    </html>
    
    

    第二个页面"index_request.jsp"获取表单数据并把数据保存到"D/test1.txt".详细说明已经写在下面代码中.

    <%@ page language="java" contentType="text/html; charset=utf-8"%>
    <%@ page import="java.io.*"%>
    <html>
    <body>
    		<h3>提交成功:</h3>
    		<BR>
    		<%
    			//计数器
    			Integer count = (Integer) application.getAttribute("counter");
    			if (count == null) {
    				count = 0;
    			}
    			count++;
    			application.setAttribute("counter", count);
    			
    			request.setCharacterEncoding("utf-8");//设置接收的字符编码
    			//接收第一个页面的表单数据
    			String xue = request.getParameter("xuehao");
    			String qu = request.getParameter("quxiang");
    			String li = request.getParameter("lixiao");
    			String fan = request.getParameter("fanxiao");
    			String ben = request.getParameter("benren");
    			String fu = request.getParameter("fumu");
    			String xin = request.getParameter("xinming");
    			//创建test1.txt文件
    			File file = new File("D:/test1.txt");
    			//数据格式化,方便把文本文件复制到excel做成表格
    			//request.getRemoteAddr()获取客户端ip地址
    			String a = xin + "\t" + xue + "\t" + qu + "\t" + li + "\t" + fan + "\t" + ben + "\t" + fu +"\t"+count+"\t"+request.getRemoteAddr()+ "\r\n";
    			String b = xin + "\t" + xue + "\t" + qu + "\t" + li + "\t" + fan + "\t" + ben + "\t" + fu + "\r\n";//显示在页面中
    			try {
    				//把表单数据写到本地文件,注意要使用数据追加的方式
    				FileOutputStream fileout = new FileOutputStream(file, true);
    				byte buy[] = a.getBytes();
    				fileout.write(buy);
    				fileout.close();
    			} catch (IOException e) {
    				e.printStackTrace();
    			}
    			
    			out.print(b);
    		%>
    		<h2>数据已提交,可以关闭浏览器</h2>
    		<form action="index.jsp">
    		<input type="submit" name="xiugai" value="修改数据"  />
    		</form>
    		<br>
    </body>
    </html>
    
    

    结果如图:
    在这里插入图片描述在这里插入图片描述在这里插入图片描述
    把文本数据全部复制到excel可以直接做成表格
    在这里插入图片描述

    展开全文
  • 我想在提交表单时将表单数据保存到json文件中.json文件中保存数据的格式应如下所示.[{"title":"some text","description":"some text","info":"some text","username":"some name"},{"title":"some text",...

    我有一个带有一些输入字段的基本表单.我想在提交表单时将表单数据保存到json文件中.

    json文件中保存数据的格式应如下所示.

    [

    {"title":"some text","description":"some text","info":"some text","username":"some name"},

    {"title":"some text","description":"some text","info":"some text","username":"some name"},

    {"title":"some text","description":"some text","info":"some text","username":"some name"}

    ]

    我尝试使用此代码执行此操作,但我的’story.json文件’中没有保存数据

    $('form').submit(function() {

    $.ajax({

    type: 'POST',

    dataType: 'json',

    url: 'story.json',

    data: $(this).serialize(),

    success: function(data) {

    alert(data.message);

    },

    failure: function (data) {

    alert('Please try again');

    }

    });

    });

    我想将此表单数据保存在我的本地文件中.

    请帮我找到正确的方法.谢谢

    展开全文
  • 表单提交登录页: 表单信息保存text页面代码:index.php 总结:
  • 需求是将用户填写提交数据保存为json格式的数据放在本地文件夹中。 本篇文章是使用php脚本简单的语法来实现的。 那么来了解下三个重要的php知识: 1.parse_str(string,array);用于将字符串解析变量中。 ...
  • 点击提交提交上去内容 rod是下方表格内的数据 score是上方输入框里选择的数据 如何使用localStorage把这两个数据缓存到本地
  • 用户form表单往服务器上传数据,都是post方法,express解析post请求数据的中间件有body-parser和multer body-parser解析用户注册的账号信息,无法解析上传的文件 multer解析用户post提交的文件 multer使用要引用后...
  • 我正在写这个非常小的应用程序在iPod上运行。它旨在存储基于我输入的锻炼的...的HTML是:如何提交表格数据到html5本地数据库lowerLower BodyHip AdductorSeat Reps Weight Hip AbductorSeat Reps Weight Leg Curl...
  • // 复制文件(即向文件f中写入数据) FileOutputStream fos = new FileOutputStream(f); byte b[] = new byte[1024 * 1024]; int length = 0; while (-1 != (length = is.read(b))) { fos.write(b, 0, length)...
  • 首先将数据存储在localStorage中,因为localStorage只能存字符串我这里是json,现将json转为字符串保存 autoSaveData() { // 将填写的数据但未提交保存本地 this.tempData = [] this.tempData.push(this....
  • 本文实例为大家分享了php实现表单提交上传文件功能的具体代码,供大家参考,具体内容如下 首先创建含表单的html文件:upload.html <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF...
  • 表单请求提交到本页

    千次阅读 2021-06-11 08:26:33
    在Web应用程序中,有时需要将表单请求提交本页进行处理实现将表单提交到本页,只要将表单的action属性设置为本页即可,假定表单页为index.jsp,那么action的值为index.jsp,然后应用request对象的getParameter()...
  • 我在html页面中有一个表单,在点击提交按钮...如何在点击提交后在html表单中保留输入的数据下面是HTML代码: Name: Last Name: Address: Postcode:,这里是JavaScript代码:function validate() {var firstname = do...
  • 纯前端实现保存表单数据功能

    千次阅读 2021-06-22 23:55:10
    本文作者:IMWeb zzbozheng未经同意,禁止转载最近在用管理后台配置数据时,发现辛辛苦苦配置好的表单无缘无故地被覆盖,之后了解由于我们都是在同一台开发机上做开发,难免会遇到其他同学做数据变更时覆盖掉自己...
  • wxml: <form bindsubmit="addBuyerBasics"> 请输入买家id">input> 请输入买家电话">input> 请输入买家名称">input> 请输入买家微信号">input> 请输入买家密码">input> 提交数据button> 清空button> form> wxss: ...
  • 我犯了一个变化不大这段代码保存单选按钮的条目,但无法保存它出现在文本框中选择单选按钮之后的文本。的代码如下: -form * {display: block;margin: 10px;}function download(filename, text) {var pom = document...
  • localStorage.getItem(key):获取指定key本地存储的值 localStorage.setItem(key,value):将value存储到key字段 详细地址:客户端存储 — Vue.js
  • 提交数据到服务器端数据库都是用的form表单,这是最普通最简单提交数据的方法,填写完表单后,post提交后台.php文件,处理完后返回指定页面,最后,页面就重新刷新了一遍,显示预想的页面。 下面本篇文章就来...
  • JavaScript表单提交

    千次阅读 2020-04-28 17:06:25
    它是由页面数据保存到后台数据库的重要枢纽,通过表单提交的方式将数据上传数据库进行保存。同时这些数据也包含用户信息、统计信息、日志信息等等。 数据的信息不同,上传的方式也不同。在JavaScript中有四种种...
  • layui之表单提交到服务器数据库

    千次阅读 2019-11-22 14:06:02
    前几天完成了layui中的图片上传,表单部分就剩下如何提交到数据库了。 说实话,sham又再这个问题上困住了好久,最后好不容易搞定了,赶紧来记录备忘下。 首先是html部分代码 <form class="layui-form" action...
  • 想要点击不同的tab切换提交信息,然后点击回到对应的tab是保存记录 <div class="btn_list"> //这个是循环上边的tab切换 <span :class="['genre',now == item.id ? 'cur' : '']" v-for="(item,index) in ...
  • uniapp form表单提交数据格式验证

    千次阅读 2021-02-11 13:41:36
    uniapp form表单提交数据格式验证前端页面姓名:性别:男女出生日期:患者电话:初步诊断:检查项目:JSmethods: {formSubmit:function(e){let tmp = JSON.stringify(e.detail.value)console.log('form发生了...
  • 情景,使用postman模拟表单提交,将下面这几个数据服务器端,服务器端接收基础数据保存文件到本地然后返回postman数据 服务器端没有取基础数据(userNo和requestNo),服务器端使用 String userNo=...
  • 当我们把图片保存到服务器时,我们发现访问项目时,图片加载过慢,影响体验。我们可以使用阿里云的OSS来存储图片,它可以提供快速的图片响应,提升用户体验,下面介绍一下用法(比官网文档简洁)。 1.前端 <form ...
  • Content-Type与表单提交数据类型

    千次阅读 2020-12-03 16:54:47
    表单格式 类型区别:https://juejin.cn/post/6844904149809627149 MIME类型:https://developer.mozilla.org/zh-CN/docs/Web/HTTP/Basics_of_HTTP/MIME_types MIME类型 媒体类型(MIME类型),是一种标准,用来表示...
  • 方式1–利用watch监听数据变化 监听 addForm为表单数据 'addForm': {//深度监听 handler (res) { if (res) { var tempData = [] tempData.push(this.addForm)//值变化时保存在tempData localStor...
  • 最近发现做一个php程序表单数据提交写入数据库的内容中只要是带有单引号或者双引号的内容时,后面都会增加一个反斜杠。而且每保存一次增加一个反斜杠,很是郁闷。 于是从网上搜了一下原来是PHP程序为了防止注入或者...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 64,597
精华内容 25,838
关键字:

表单提交数据存储到本地