当前位置: 首页 > news >正文

ajax清空所有表单内容,包括input标签、单选框radio、多选框CheckBox、下拉框select以及文本域内容

为了实现重置并清空表单内容,你可以使用 jQuery 的 val 方法将各种表单元素的值设置为空字符串,并通过 layui 的 form.render 方法来更新表单的渲染。以下是修改后的代码:

layui.use(["form", "laydate", "jquery", "layer"], function () {let form = layui.form;let $ = layui.jquery;let layer = layui.layer;// 绑定提交事件form.on("submit(formDemo)", function (obj) {console.log(obj);layer.alert(JSON.stringify(obj.field), {title: '当前填写的字段值'});$.ajax({url: "add",type: "POST",data: obj.field,success: function (ret) {console.log("ret ==>", ret)console.log(ret.code)if (ret.code == 0) {// 添加成功时弹出提示layer.msg("添加成功");// 重置并清空表单$("#myForm")[0].reset();// 刷新表单渲染form.render();} else {// 添加失败时弹出提示layer.msg("添加失败");}},error: function (xhr, status, error) {console.error("AJAX Error:", xhr.responseText);layer.msg("服务器正忙!");}})return false;});
});

在这里,$(“#myForm”)[0].reset(); 会重置表单,将所有表单元素的值都设置为默认值,对于文本框、下拉框、单选框、复选框等元素都有效。之后再调用 form.render() 方法来更新表单的渲染。确保在 form.on(“submit”, …) 事件中的 AJAX 请求成功后执行这些步骤,以实现添加成功后的表单重置和清空。
其中#myForm对应你layui中form表单的id属性名,或者.myForm代表你的class属性名

http://www.lryc.cn/news/258839.html

相关文章:

  • 通配符用法
  • 如何从eureka-server上进行服务发现,负载均衡远程调用服务
  • Flutter实现Android拖动到垃圾桶删除效果-Draggable和DragTarget的详细讲解
  • Nacos和Eureka冲突问题原因分析
  • 『C++成长记』拷贝构造函数
  • B 站基于 StarRocks 构建大数据元仓
  • 最常用的4种光纤接口结构
  • Axure网页端高交互组件库, 下拉菜单文件上传穿梭框日期城市选择器
  • 基于Java新人入职管理系统
  • Python实战 | 如何抓取腾讯视频
  • 总结MySQL 的一些知识点:MySQL 导出数据
  • C语言-字符串操作函数-附加使用方式
  • 06-React组件 Redux React-Redux
  • Windows安装卸载MySQL
  • element-ui 重置resetFields()不生效
  • JVM学习笔记-如何在IDEA打印JVM的GC日志信息
  • 16ASM 汇编基础与Debug使用
  • 基于Java车辆管理系统(如高校、办公园区)
  • Dubbo v Spring Cloud:两大技术栈如何选型?
  • ubuntu上搭建bazel编译环境,构建Android APP
  • (第38天)RAC 修改 IP 信息
  • 利用法线贴图渲染逼真的3D老虎模型
  • 『 MySQL数据库 』聚合统计
  • Redis - 事务隔离机制
  • android项目实战之编辑器图片上传预览
  • 微信小程序:上传图片到别的域名文件下
  • Linux----内核及发行版
  • 设备制造行业CRM:提升客户满意度,驱动业务增长
  • JavaScript实现复制功能函数
  • JVM垃圾收集器