表单ajax提交后 layui 不弹框

2024-08-29

解决layui表单ajax提交回调函数不起作用问题的两种方式

最近想用layui开发一个论坛模板用的是fly-ui,才接触layui对其还不太熟悉.一个简单的登录就困扰了我很久.登录的form通过ajax提交回调函数老是不起作用.经过浪费了N多时间的调试,发现layui的button默认就是submit提交.所以在ajax提交的时候同时进行了submit的表单提交.因为ajax是异步的,所以在回调函数还没有来得及执行,submit把表单页面提交了,所以回调函数老是不起作用.后台还有可能报不支持的post请求.因为通过submit把表单又提交了一次.搞清楚原

PHP 在表单POST提交后数据分页实现，非GET,解决只有第一页显示正确的问题

//PHP 在表单POST提交后数据分页实现,非GET,使用SESSION,分页代码部分不在详述,主要为POST后的除第一页之外的显示问题 //以下为ACTION页面内容,仅为事例,当判断到页面未POST提交时,在该做的做完后,把SQL语句写于SESSION $sql= "select * from user";//非POST来路时,默认显示全部用户 if ($_SERVER['REQUEST_METHOD'] == 'POST'){ $userName = $_POST['use

织梦自定义表单ajax提交范例

function add_ajaxmessage(){ var dh = document.getElementById("tel"); //表单验证 if($("#tel").val()=="" || !mobile.test($("#tel").val())){ alert("请输入正确的手机号码!"); return; } //参数设置 var dataString = 'tel='+dh.value

表单提交时上传图片表单ajax提交

页面 <script type="text/javascript" src="js/jquery.form.js"></script><script language="javascript">$(function() { //提交表单 $("#add").click(function() { if($('#addForm').form('validate

form表单ajax提交

这里下面有两种第一种是form表单里面添加了数据,并且含有上传的图片,第二种是from表单中不含有图片只有普通数据第一种form表单中包含有图片的类型: <form method="post" id="addForm" enctype="multipart/form-data"> <table class="table table-bg"> <tbody> <tr> &

Struts2 处理表单重复提交

* 在表单页面中增加一个隐藏域:<s:token></s:token>(需要在表单内) * 创建一个struts.xml的配置文件,具体配置如下:  <interceptors> <interceptor-stack name="tokenStack"> <intercep

从零玩转JavaWeb系列7web服务器-----表单的提交

在企业开放中如何提交一张表单? 例如:用户注册表  <form action="/28-mystore/regist" id="Reg_form" method="post"> <div> <label>用户名</label> <input id="username" type="text" placeholder=&q

按下enter键后表单自动提交问题

在HTML的form表单里,按下enter键之后,默认情况下表单会自动提交. 在公司一个项目里,按下enter键自动提交表单的查询结果与按下搜索框的搜索结果页面显示不一样,按下搜索按钮之后是通过Ajax请求返回结果:而按下enter键是直接post请求然后跳转返回一个页面,失去了页面样式及导航等. 一开以为是写了js代码导致按下enter键之后会触发表单提交,后来把js代码全部移除也是一样地按下enter键会触发表单提交.到网上搜索发现是因为默认情况下在form表单内按下enter键会触发表单自

使用ajax方法实现form表单的提交(附源码)

写在前面的话在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控制页面的跳转及数据传递,但是在某些时候不希望页面跳转,或者说想要将控制权放在前端,通过js来操作页面的跳转或者数据变化. 一般这种异步的操作,我们都会想到ajax方式,因此在实现了功能后就整理了这篇文章,通过ajax方法实现form表单的提交并进行后续的异步操作. 常见的form表单提交方式 <!DOCTYPE HTML PUBLIC "-//W3C/

使用ajax方法实现form表单的提交

作者:13 GitHub:https://github.com/ZHENFENG13 版权声明:本文为原创文章,未经允许不得转载. 写在前面的话在使用form表单的时候,一旦点击提交触发submit事件,一般会使得页面跳转,页面间的跳转等行为的控制权往往在后端,后端会控制页面的跳转及数据传递,但是在某些时候不希望页面跳转,或者说想要将控制权放在前端,通过js来操作页面的跳转或者数据变化. 一般这种异步的操作,我们都会想到ajax方式,因此在实现了功能后就整理了这篇文章,通过ajax方法实现fo

ajax+FormData+javascript实现无刷新表单信息提交

ajax+FormData+javascript实现无刷新表单信息提交原理: dom收集表单信息,利用FormData快速收集表单信息 ,实例化表单数据对象同时收集fm的表单域信息. var fd = new FormData(fm); //实例化对象 alert(fd); fd对象内部有收集的form表单域信息 ajax传递表单信息 1.静态显示页面代码 <!DOCTYPE html > <html> <head> <meta http-equiv=&qu

jQuery form插件的使用--用 formData 参数校验表单，验证后提交（简单验证）.

Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.引入依赖js <script src="jquery-1.3.1.js" type="text/javascript"></script> <script src="jquery.form.js" type="text/javascript"&g

利用 ajax自定义Form表单的提交方式

需求场景:有时候单纯的form表单无法向后端传递额外的参数比如需要action传递js异步生成的参数 ,form表单默认的action就无法满足需求,这时就需要我们自定义form表单的提交方式. html:(向后台传递对任务的评论内容,默认缺点:不能携带任务id) <div> <form action="#" id="form_comment"> <textarea id="comment" required=&q

弹出窗口Session丢失、防止表单重复提交问题

一.弹出窗口Session丢失问题弹出窗口Session丢失使用window.showModalDialog进行信息的提示,相当方便,也容易控制外观和布局.但是存在一个严重的问题,就是Session丢失.当在A页面进行showModalDialog时,弹出的模态窗口open新页面或new dialog()时,会得不到A页面中的Session,这样就严重地限制了他的使用范围.进一步的使用模式窗口可以发现session的丢失总是便随页面的刷新1.在普通页面中弹出模式窗口且进行new dialog(

ASP.NET MVC 客户端验证失败后表单仍然提交问题

客户端验证失败后表单仍然提交问题!导致页面刷新,辛辛苦苦输入的内容荡然无存. 多么奇怪的问题.按道理,验证失败,就应该显示各种错误信息,不会提交表单才对.而现在,错误信息正常显示,但页面却刷新了一遍. 更奇怪的是,这个问题只发生在生产环境,我本地开发环境就一切正常. 于是产生以下疑惑: 1.是配置文件的选项问题? 据说,web.config里有个选项 <add key="ClientValidationEnabled" value="true" /> ,

使用jQuery.form插件，实现完美的表单异步提交

传送门:异步编程系列目录…… 时间真快,转眼一个月快结束了,一个月没写博客了!手开始生了,怎么开始呢…… 示例下载:使用jQuery.form插件,实现完美的表单异步提交.rar 月份的尾巴,今天的主题是今天我想介绍的是一款jQuery的插件:Jquery.form.js 官网. 通过该插件,我们可以非常简单的实现表单的异步提交,并实现文件上传.进度条显示等等. 种表单提交示例,并简单分析了各种方式的利弊. 当然主题还是使用jQuery表单插件轻松实现表单异步提交以及分析下该插件的源码. AS

使用jQuery，实现完美的表单异步提交

jQuery异步提交表单 <form id="form1" method="post"> <table border="1"> <tr> <td>用户名:</td> <td> <input type="text" name="loginName" /></td> </tr> <tr> &l

Html 中表单提交的一些知识总结——防止表单自动提交，以及submit和button提交表单的区别

转自:http://jackaudrey.blog.163.com/blog/static/1314217882010590041833/ 在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题. 后来在form 中添加:onsubmit="return false;"问题终于解决. <form name="frm" method="post"

SSH框架下的表单重复提交

前几天做了一个功能,是在某个操作后,刷新父页面的,刷新时弹出了下面图的框: 网上查了之后发现这个框是表单重复提交时出现的.分析后发现,这个页面的上一个动作是form submit(在ssh框架下),这时frame.location值是提交表单时的action和method,此时做frame.location.reload(),就又一次做了提交表单的动作.这就是问题的症结.上图中的框是浏览器自己发现表单重复提交而出现的. 这个时候想刷新页面,就要换一个不是提交表单的location值了,问题因此得

FORM中使用onSubmit="return false"防止表单自动提交，以及submit和button提交表单的区别

在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题. 后来在form 中添加:onsubmit="return false;"问题终于解决. <form name="frm" method="post" onsubmit="return false;"> 下边对“防止表单自动提交,以及submit和button

表单ajax提交后 layui 不弹框

热门专题