layui表单提交参数如何传递_HTML中form表单数据提交方式

layui表单提交参数如何传递_HTML中form表单数据提交方式<formclass="layui-form"> <divclass="layui-form-item"> <inputtype="text"id="subTitle"name="subTitle"lay-verify="required"class="layui-input"&

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE稳定放心使用

<form class="layui-form">
	<div class="layui-form-item">
		<input type="text" id="subTitle" name="subTitle" lay-verify="required" class="layui-input">
	</div>
	<div class="layui-form-item">
		<button class="layui-btn" lay-submit lay-filter="formDemo">添加</button>
	</div>
</form>

form标签上添加上 class=”layui-form” 属性

button按钮添加上 lay-filter = “formDemo” 属性

form.on('submit(formDemo)', function (data) {
              layer.msg(JSON.stringify(data.field));

              //JSON.stringify(data.field)   这是表单中所有的数据
              
              var articleFrom = data.field.articleFrom;

              var articleSummary = data.field.articleSummary;

              return false;
})

然后用ajax等技术传输到后台方法中。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/185117.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 拉姆达表达式/Lambda表达式/lambda expression 使用整理

    拉姆达表达式/Lambda表达式/lambda expression 使用整理一、Lamabda表达式定义二、Lamabda表达式语法三、C#中Lamabda使用场景四、J

    2022年10月27日
  • 原生js生成二维码_js中怎么获取二维码信息

    原生js生成二维码_js中怎么获取二维码信息js生成二维码使用kjua生成二维码官网:https://larsjung.de/kju使用方法在官网下载js文件,在页面中引用即可,原生js实现,不需要引用其他依赖。<!DOCTYPEhtml><html> <head> <metacharset=”utf-8″> <title></title> </head> <body> <divid=”test”&

    2022年10月17日
  • acwing-181. 回转游戏(IDA*+迭代加深)[通俗易懂]

    acwing-181. 回转游戏(IDA*+迭代加深)[通俗易懂]如下图所示,有一个 # 形的棋盘,上面有 1,2,3 三种数字各 8 个。给定 8 种操作,分别为图中的 A∼H。这些操作会按照图中字母和箭头所指明的方向,把一条长为 7 的序列循环移动 1 个单位。例如下图最左边的 # 形棋盘执行操作 A 后,会变为下图中间的 # 形棋盘,再执行操作 C 后会变成下图最右边的 # 形棋盘。给定一个初始状态,请使用最少的操作次数,使 # 形棋盘最中间的 8 个格子里的数字相同。输入格式输入包含多组测试用例。每个测试用例占一行,包含 24 个数字,表示将初始棋

    2022年8月9日
  • 设计模式: 迭代模式

    设计模式: 迭代模式

    2022年1月14日
  • Android使用charles抓包

    Android使用charles抓包1.下载并安状软件,官网在此:2.前题条件,电脑和手机必须在同一网段3.在Charles界面选择菜单proxy->proxysettings 勾选”EnabletransparentHTTPproxying”确定代理端口,默认”8888″就可以了4.在手机的wifi节点设置里设置代理。勾选”显示高级选项”,在出现的内容填入代理主机的IP(也就是你装了

    2022年6月10日
  • mysql逻辑删除案例_实现数据逻辑删除的一种方案

    mysql逻辑删除案例_实现数据逻辑删除的一种方案什么是逻辑删除所谓逻辑删除是指数据已经“不需要”了,但是并没有使用delete语句将这些数据真实的从数据库中删除,而只是用一个标志位将其设置为已经删除。为什么需要逻辑删除对数据进行逻辑删除,一般存在以下原因:防止数据误删除,不能找回数据;这些数据还具有一定的商业价值,比如用户的注册信息;虽然这些数据可以删除,但是这些数据还有关联数据,这些关联数据不能删除。对数据进行逻辑删除,可以保证数据的安全性和…

    2022年6月2日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号