layUI 表单提交后不刷新直接实现页面跳转

2024-11-02

submit提交表单后，不刷新当前页面

<form method="get" target="test" action="a.html"> <input type=""text /> <input type="submit" /> </form> <iframe name="test" style="display:none"></ifram

最近做一个小项目,刚好需要用到搜索功能,实现搜索框内输入数据然后按回车或者点击“提交”,然后给后台数据库处理并返回数据给前端,在前端局部更新数据. 但是遇到了一个小问题,就是form表单下任意输入框输入完按回车提交,整个页面都会刷新,就算我用ajax从后台取出数据返回前端把页面更新了,整个页面还是会立马刷新成原来的样子. 问题和ajax其实并没有太大关系.是js部分要进行一定的转换. 测试代码: <!DOCTYPE html> <html lang="en">

怎么实现form表单提交后不重新刷新当前页面

怎么实现表单提交后不重新刷新当前页面如何实现表单提交后不重新刷新当前页面 <form name='form1' id='form1' action='/xbcw/cw/xx_xx.action' method='post'> <input type="button" id="btnSubmit" name="btnSubmit" value="保存" onclick="addKp()&qu

AngularJS 表单提交后显示验证信息与失焦后显示验证信息

虽然说AngularJS的实时表单验证非常有用,非常高效方便,但是当用户还没有完成输入时便弹出一个错误提示,这种体验是非常糟糕的. 正常的表单验证逻辑应该是在用户提交表单后或完成当前字段中的输入后,再提示验证信息,这样才是用户友好的.下面就来看看如何实现在表单提交后显示验证信息在失焦后显示验证信息在表单提交后显示验证信息在用户试图提交表单时,你可以在作用域中捕获一个submitted值,然后对表单内容进行验证并显示错误信息. 下面通过一个简单的例子来说明,只在用户提交表单时才显示错误信息

struts2 jsp表单提交后保留表单中输入框中的值下拉框select与input

原文地址:struts2 jsp表单提交后保留表单中输入框中的值下拉框select与input jsp页面 1 function dosearch() {2 if ($("#textValue").val() == "") {3 $("#errortip").html("<font color='#FF0000'>请输入查询内容</font>")

phpcms v9自定义表单提交后返回上一页实现方法

PHPcms v9中提交自定义表单后默认都是回到首页的,是不是感觉很不爽! 接下来,就说下phpcms v9自定义表单提交后返回上一页实现方法. 1.找到这个文件 phpcms\modules\formguide\index.php 2.找到如下代码 showmessage(L('thanks'), APP_PATH); 3.修改成如下代码 showmessage(L('thanks'), HTTP_REFERER); 到这里,就可以了,完美实现phpcms v9自定义表单提交后返回上一页. 科

PHP关于表单提交后 post get分页

PHP关于表单提交后分页函数的那点事--POST表单分页实现 phpfunctionclass加密inputjavascript 说到分页,其实你在Google一搜一大把.大部是通过GET实现,还有的是利用数据库查询的Limit来实现分页.当然表单也可以通过GET方式来提交,实现分页,就得把实现分页需用到参数用GET方式附在URL后面如这样: http://127.0.0.1/search.php?page=1&参数1=参数1值当然我们有的时候并不想让别人知道我们要提交什

DedeCMS实现自定义表单提交后发送指定QQ邮箱法

https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&tn=monline_3_dg&wd=dedecms 邮箱&oq=dedecms&rsv_pq=f743678800097d02&rsv_t=254bk22iTtSpWYZ0kMhIE0o/vcpsMkwJnGdOYi5j36jXehoxNI4i4ntaLR/CP/riex/C&rqlang=cn&rsv_enter=1&rsv_sug

form + iframe 获取表单提交后返回的数据

原理: submit 提交表单没有回调函数,但是可以用iframe来接收返回结果,最后进行格式转换就ok了: 原文地址: http://blog.csdn.net/simeng_1016/article/details/48008359 html: 部分代码 <form id="form_addcompress" action="/rest/upload" method="post" enctype="multipart/form

flask用宏渲染表单模板时，表单提交后，如果form.validate_on_submit()返回的是false的可能原因

flask用宏渲染表单模板时,表单提交后,提交的内容符合DataRequired()校验, 但是form.validate_on_submit()返回的是False, 原因可能是表单模板中的<form>中没有指明请求的方法'get'或'post' flask_wtf类的validate_on_submit()方法校验两个地方:1-表单提交的方法 2-提交的内容非空如果没有指定请求的方法,这个校验方法就会返回False 下面代码中,如果没有method="post",那么返

DedeCMS实现自定义表单提交后发送指定QQ邮箱的方法

如月cruyue在做DedeCMS自定义表单发送邮箱的教程,发现大部分都是在php文件里写死固定字段内容,这样虽然也能实现自定义表单提交后发送指定邮箱,但是很不智能,如月cruyue想要一个我们自定义表单中有什么字段就发送什么字段的内容,这里就需要phpmailer来实现.亲自测试无误.按照这个一步步来肯定可以成功的哦! 如月cruyue就拿QQ邮箱来说明,其他邮箱(163,雅虎等邮箱方法一样): 一.登陆QQ邮箱——设置——账户,找到POP3/IMAP/SMTP,开启,现在的邮箱开启POP3/

layui表单提交

关于layui表单提交只是简单用一个文本框记录一下提交过程其他的如下拉框选择框样式可以参考官网下面直接开始.首一:前台页面 <!DOCTYPE html><html><head> <meta charset="utf-8" /> <title></title> <link href="../layui/css/layui.css" rel="stylesheet&

通过jquery实现form表单提交后不跳转页面，保留当前页面

jquery代码: <script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script> <script type="text/javascript" src="../js/jquery-form.js"></script> <script type="text/javascript&qu

js form表单提交后如何可以不刷新页面的解决办法

表单可实现无刷新页面提交,无需页面跳转,如下: 通过一个隐藏的iframe实现, form表单的target设置为iframe的name名称,form提交目标位当前页面iframe则不会刷新页面 <form action="/url.do" method="post" target="targetIfr"> <input type="text" name="name"/> </

【HTML相关】iframe+javascript实现一个表单提交后多个处理文件按序处理

最近在弄一个网页的问题,总结如下. [问题描述] 页面中包括以下几个部分:1)表单form,供用户输入图片文件:2)iframe1,显示a.php文件的内容,a.php接收客户端图片并保存,后台程序处理图片,生成相关数据文件:3)iframe2,显示b.php文件的内容,b.php读取结果文件对其进行分页显示: [实现思路] 以上功能主要在于两个问题: 1,form表单提交的形式一般是:input type="sumit"的表单元素配合form的action地址完成提交.此处要求先用a

Jquery表单提交后获取返回Json值

1.给form添加id值: <form action="/News/SaveMessage" method="post" accept-charset="utf-8" class="form" id="frm-reg" name="frm-reg"> 设置所有input标签的name属性值为数据库的字段值,即可以传值到后台 2.给提交按钮添加id值: <input cl

form表单提交后结果乱码的解决方法

1.产生乱码原因:表单提交使用的method="get",get方式数据都是通过地址栏传输,数据会以iso-8859-1方式传输,因此产生乱码 2.概念:URI: Uniform ResourceIdentifiers,通用资源标识符,有效的URI中不能包含某些字符,例如空格 3.解决编码和解码的方法: (1)js中decodeURIComponent() 函数的定义与用法: 定义:decodeURIComponent() 函数编码的URI进行解码[encodeURIComponent

Servlet作业2-将表单提交的商品信息输出到页面中

1,表单页面 shangpin.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>商品信息</title> </head> <body> 商品信息<br> <form action="Shp" method="post"> 商品名称:<inpu

layui弹出表单提交后，界面model验证部分起作用

情况1----input属性中type=submit时验证都可以起作用,但是弹出层表单的返回值不能获取,所以用ajax二次提交后会出现重复添加数据的问题情况2----input属性中type=button时验证部分起作用,其他正常,暂时看到的不起作用是required属性不起作用,正则表达式可以完美提醒初步判断原因可能是用ajax+button表单并未完成提交,model的required属性验证必须在提交后台控制器后刷新提交页面才会出现,但是button方式并刷新界面,正则表达式的就算不刷

Jquery 表单提交后3s禁用

<form action="${pageContext.servletContext.contextPath}/XXX/###" method="post" id="messageForm"> 姓名:<input name = "name" type="text" /> <button type="button" id="submit"&

DEDECMS自定义表单提交后的跳转链接修改方法

dedecms自定义表单,点击提交后,默认跳转到首页,我们打开plus/diy.php,里面有这样一段代码: 代码如下:if($dsql->executenonequery($query)) { $id = $dsql->GetLastID(); if($diy->public == 2) { //diy.php?action=view&diyid={$diy->diyid}&id=$id $goto = "diy.php?action=list&