form.on(‘submit(sub)和click

layui表单提交使用form.on('submit(sub)',function (){}) 使用ajax请求时回调不执行的原因及解决方法

ayui使用官方的表单模块form.on('submit(sub)',function (){}) 提交,使用ajax请求向后台请求一个执行结果,根据结果进行处理,出现回调无法执行,并且页面出现了刷新之前也遇到过这个问题,直接使用将form标签修改成了div,通过jquery为提交按钮添加点击事件,而不用submit提交表单. 今天在为毕设添加修改密码的功能的时候,再次遇到了这个问题,刚好有点空闲,决定找出真正的原因. 首先,debug服务端逻辑,发现能正常取值,返回值也是正常之后,检查aj

ASP.Net MVC跳转，分为form的submit提交跳转和ajax跳转

1,用jquery ajax跳转的话,需要在前台用window.location("跳转网址")来跳转,在success后使用 2,用原声的form的submit来跳转,如下图 3,上面一段js+html也可用js来代替,如下关于跳转的一些方式,大家有哪些意见和建议,可以在下面留言,欢迎讨论最近在研究node.js,觉得这东西很牛逼,但是不知道对于我现在的小项目来说,能不能用,怎么用,用起来怎么样,还有我在学习xojo,听说这个是高度封装,好处就是少写代码,坏处就是无法更多的自由,

EasyUI form ajax submit到MVC后，在IE下提示下载内容的解决办法

问题描述: 项目环境为,.Net Mvc5+EF6……前端框架使用的是EasyUI v1.4.4. 在视图页面中,使用form的submit方法提交表单数据时,如果是使用IE的话,请求成功后IE会提示下载内容,关于这个下载内容,则是由于IE默认的Content-Type为text/html,而我们喜欢用的Google浏览器默认的Content-Type为application/json. 解决办法: 那么根据以上的问题描述,我们可以在返回数据之前设置返回的Content-Type为text/

【jquery采坑】Ajax配合form的submit提交（微擎表单提交，ajax验证，submit提交）

1.采坑:实现form的submit提交,在提交之前,进行ajax的不同校验,然后onsubmit=return check(),进行提交 1/1 目的:可以实现以 from的submit提交,然后还能进行数据的ajax动态验证. 2.html: <form class="form-horizontal" method="post" role="form" onsubmit='return check()'> <button t

认真研究下HTML之id、name、form、submit

#起因同事希望在提交之后关闭父窗口,但是,始终没有提交请求发出.他的代码大概如下: // <form id='f' action=... // <button onclick='fun()'>... fun(){ $('#f').submit(); window.parent.close(); } 运行结果是,“直接关闭,没有提交”. 在建议他用Ajax提交的同时,又好奇为什么会这样,于是测试了下,发现规律很简单: form的submit动作是在所有动作之后执行的,类似于在Java中的

form的submit与onsubmit的用法与区别

发生顺序:onsubmit -> submit1.阻止表单提单:<script>function submitFun(){ //逻辑判断 return true; //允许表单提交 //逻辑判断 return false;//不允许表单提交}</script><form onsubmit="return submitFun();"> //注意此处不能写成 onsubmit="submitFun();"

改写Form的submit

表单的一些应用常识: 1.在用户第一次提交完表单后应防止用户不耐烦而多次点击submit按钮,需要在onsubmit事件中制止用户的重复行为. 2.不要简单粗暴的用reset()重置表单,如果用户不想填写可以给他一个返回上一页面的按钮,让其离开. 3.通过触发阻止onsubmit事件的默认行为就可以阻止用户表单的提交. 4.能够在用户输入完一个内容后焦点自动跳到下一个内容. 5.除了select,其余有onchange事件的表单元素都是先触发onchang再触发onblur,前提是该表单内容有了

form的submit()方法不能触发onsubmit事件的解决方法，兼容各版本浏览器。

在处理表单提交的时候遇到一个问题,通常用<input type="submit" value="提交" />按钮来提交form,再监听form的onsubmit事件就能在前端处理表单验证的事情. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document<

电脑端支付宝支付 -前端获取支付宝返回的form 以及submit 调用支付扫码页面

前端调取支付宝支付接口(后台进行封装,没有直接调取支付宝接口),调用返回的数据中,将会有一串的form表单数据返回,我们需要将此表单在当前调用页面submit下,以跳转到支付扫码页: 支付宝返回的form 数据: <form name="punchout_form" method="post" action="https://openapi.alipay.com/gateway.do?charset=GBK&method=alipay.tra

form在submit之前使用request.setCharacterEncoding是没用的

点击了submit按钮,就创建了另一个request了比如你有a.jsp,上面有个form,form的action指向某个Servlet或者Action,那么你在a.jsp页面上写的request.setCharacterEncoding或者JSTL的<fmt:requestEncoding>对于submit之后创建的request是毫无影响的,所以,如果你想解决submit之后创建的request的encoding问题,就要把encoding的代码写到Servlet或者Action中,又或

extjs经典form的submit()和ajax()

extjs 的submit: // 发送请求 this.formPanel.getForm().submit({ url : this.saveUrl, method:'post', params:{ billId:recordId

JavaScript--取消a标签和form的submit提交默认行为

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> /** * 取消浏览器默认行为 * 如: * a链接跳转, * submit按钮提交表单 * (PS:右键弹出菜单也是) * 实现方式: * event.preventDefault(); * ret

[转] form.getForm().submit的用法及Ext.Ajax.request的小小区别

原文地址:http://blog.csdn.net/hongleidy5000/article/details/7329325 if (!formDetail.getForm().isValid()) { msg("警告", "请填写必要信息项!"); return; } else { try { formDetail.getForm().submit({ url: '../ashx/userLogin.ashx', params: { type: '1' }, w

关于click和submit的笔记

click主要用于元素的点击时的响应事件,而submit是指表单元素form的提交事件. 但是,当click加入到表单的提交按钮时,事情似乎就有点复杂,总是忘记了.这两天搜了下,又实践了一下. 主要用到的代码: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" CONTENT="text/html; charset=UTF-8"/> <ti

JavaScript解决一个带验证的Form两个Submit事件（一个页面保持不动【AJAX实现】，一个页面提交并跳转）的场景

<form class="form-horizontal" action="/biz/patent/edit" method="post" enctype="multipart/form-data" data-toggle="validator" role="form" novalidate="true" id="patentEditForm"

form.submit 方法并不会触发 form.onsubmit 事件

做表单的时候发现一个奇怪的地方,总结下: form.submit 方法并不会触发 form.onsubmit 事件,看代码: <body> <div class="container"> <form action="http://route.showapi.com/213-1" method="POST"> <input type="text" value="ssss&qu

jQuery Ajax 确定 form 表单 submit 提交成功

使用 jQuery 提交表单,可以使用同步方式(async: false). a.html 是 html 文件,a.php 是服务端文件,把 a.html 中表单的数据提交到 a.php 中,在提交成功之后,给出成功提示. a.html: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="jquery-1.8.3.min.js"&

JS中 submit提交与Form表单里的onsubmit的调用问题？

最近在开发中遇到了表单提交前验证的问题,用一个普通的button按钮代替submit按钮,在提交前触发这个button的onclick事件,在其事件中触发form的submit事件.问题出现了: <form action="http://www.baidu.com/s?wd=this.form.submit%28%29%3B&cl=3" method="post" name="form1" onsubmit="return

FORM表单中onclick()、submit()与onsubmit()的问题

最近遇到一次处理form数据的过滤,采用了button的onclick事件来检查,发现return false后表单仍然提交了. 于是仔细研究了下onclick.onsubmit.submit集合函数之间的关系和区别 onsubmit: You can override this event by returning false in the event handler. Use this capability to validate data on the client side to pre

form submit 的callback方法

参考:http://hayageek.com/jquery-ajax-form-submit/ form的submit方法返回数据处理. 普通的form: $("#ajaxform").submit(function(e) { var postData = $(this).serializeArray(); //或使用jQuery.serialize()获取表单数据 var formURL = $(this).attr("action"); $.ajax( { ur

form.on(‘submit(sub)和click

热门专题