<button> submit默认提交哪些数据

2024-09-06

表单里的button默认是submit类型

今天很坑爹,周六一大早加班开始码代码,本来想做数据加密测试,于是乎用tp框架搭建了一个应用环境,二话不说,开始码码. 但,今天一大早就栽坑!直到同事喊吃饭还在坑里出不来!吃完饭继续码,最后码的我想哭o(╥﹏╥)o 我发现,只要是我在加上了<form>标签,我的button绑定的ajax就提交失败,我的button明明没有标记“type=submit”为毛感觉每次ajax提交失败,但页面却莫名奇妙的被刷新!!! 毁三观场面描述如下: 去掉form,点击button,ajax提交成功,顺利执行了a

【 js 片段】如何组织表单的默认提交？【亲测有效】

最近做的一个项目,我分到的部分有表单验证.点击了提交按钮,但我并不想让他跳转页面去提交.于是经过各种百度,各种 stackoverflow,各种抱大神腿之后,有了以下解决办法: 重点就是阻止 form 的 submit() 默认提交行为,一种方法用 return false,另一种是 event.preventDefault(); 两种方法都可以,但却又有不同,要根据你的实际情况选择.有什么不同呢,看完文章就告诉你. 首先 html 里 code 如下: <!doctype html> <

使用submit异步提交，阻止表单默认提交

<form id="addForm" onSubmit="return false;"> <input type="submit" value="保存" onclick="saveForm()" style="margin-left:15px;"> js方法: function saveForm() { $.ajax({ type: "POST&quo

button的默认type居然是submit

今天使用了html中的button标签,用js写了一点代码来完成onclick实践,当我点下它的时候,它不仅执行了我写的function,还把表单给提交了,一查它的button居然是sumbit. 然后我把自己所有的浏览器都测试了一遍,包括IE 11.Firefox 32.chrome 38,发现这些浏览器button的默认类型都是submit,哎,下次写button时自觉加上type="button"吧,或者使用type是button的input.

关于form.submit()不能提交表单的错误原因

来源:http://www.ido321.com/948.html 直接上代码把: 1: <div id="register"> 2: <h4>会员注冊</h4> 3: <div class="formdiv"> 4: <form method="post" action="register.php? action=register" name="register

Http协议详解，获取doPost，doGet提交的数据，以及编码问题

一什么是Http协议 http协议: 浏览器客户端和服务器端之间数据传输的格式规范二如何查看Http协议的内容 1)使用火狐的firebug插件(右键->firebug->网络)或者是右键-->审查元素-->网络 2)使用谷歌的"审查元素" 重新在地址栏输入地址,回车,就可以看到浏览器发送给服务器的信息和服务器相应给浏览器的信息如下图片 Http协议的内容请求(浏览器->服务器) GET /day09/hello HTTP/1.1

input 和 button元素作为提交、重置、按钮功用的区别。

首先,input元素和button元素都是可以作为普通按钮.提交按钮.重置按钮的. <input type="button" value="button"> <input type="submit"> <input type="reset"> input元素默认 text类型 <button type="button">button</button&g

js阻止表单默认提交、刷新页面

一.阻止刷新页面在表单中的提交按钮<button></button>标签改为<input type="button">或者在<button>中添加属性 type="button" <button type="button" class="update_group"></button> 二.阻止表单的默认提交 1.使用preventDefault() $(

Jquery/js submit()无法提交问题

有朋友可能会直接利用js或jquery来提交数据而不是使用表单直接提交了,小编来给大家介绍小编碰到的一个问题就是 submit()无法提交,下面我们来看解决办法与原因分析. jquery无法提交代码如下复制代码 <form action="register.php" method="post"> <label>邮箱:</label> <input type="text" class="lo

Jquery 实现表单提交按钮变灰，防止多次点击提交重复数据

表单提交时候我们应该控制提交按钮,不能点击多次进行数据的重复提交.要不然就会有冗余的重复的数据在系统中,造成系统出现数据垃圾.jQuery很简单的就可以实现对表单提交按钮控制,下面就是相关的例子和代码. <form action="${pageContext.servletContext.contextPath}/XXX/###" method="post" id="messageForm"> 姓名:<input name =

获取form表单默认提交的返回值

1.经常用form表单提交的小伙伴有没有发现,form表单默认的提交是没有返回值的,而且默认提交成功之后是跳转,跳转的action的路径,下面写一下默认的提交如何获取到form表单的返回值json,并且阻止默认的跳转动作. 页面结构见下面: <form target="form" action="" enctype="multipart/form-data" method="post"> <input typ

form-create教程:移除默认提交按钮

本文将介绍form-create如何修改,隐藏默认提交按钮 form-create 是一个可以通过 JSON 生成具有动态渲染.数据收集.验证和提交功能的表单生成器.并且支持生成任何 Vue 组件.结合内置17种常用表单组件和自定义组件,再复杂的表单都可以轻松搞定. 如果对您有帮助,您可以在 GitHub 上给作者点个"Star" 支持一下谢谢! 隐藏默认按钮首先通过设置全局配置隐藏默认的提交按钮和重置按钮 { submitBtn: false, resetBtn: false }

防止表单提交时刷新页面-阻止form表单的默认提交行为

最近在写 ajax 提交的时候遇到一个问题,在执行 ajax 提交之后,浏览器页面自动刷新了,主要是没有由于form 表单的默认提交行为.一下是几种阻止 form 表单默认提交行为的方式. 1.使用button 按钮提交表单的时候,要设置type="button" button在浏览器中默认的类型为submit: 2.使用input 代替button ,设置type="button" 3.event.preventDefault(); 在提交事件绑定的方法的最后

springmvc后台获取表单提交的数据——@ModelAttribute等方式

1.通过注解ModelAttribute直接映射表单中的参数到POJO.在from中的action写提交的路径,在input的name写参数的名称. package com.demo.model; public class user { private String username; private String password; private int nsex; public String getUsername() { return username; } public void se

koa 基础（十）原生node.js 在 koa 中获取表单提交的数据

1.app.js // 引入模块 const Koa = require('koa'); const router = require('koa-router')(); /*引入是实例化路由推荐*/ const views = require('koa-views'); const common = require('./module/common.js'); // 实例化 let app = new Koa(); // 应用ejs模板引擎 app.use(views('views', { m

layui中获取全部提交的数据

<form class="layui-form" action="">...........input textarea ......</form> <button class="layui-btn" lay-submit="" lay-filter="room">保存</button> //监听提交form.on('submit(room)', functi

解决Yii2 启用_csrf验证后POST数据仍提示“您提交的数据无法验证”

一 CSRF 概念 CSRF(Cross-site request forgery跨站请求伪造,也被称为“One Click Attack”或者Session Riding,通常缩写为CSRF或者XSRF,是一种对网站的恶意利用.尽管听起来像跨站脚本(XSS),但它与XSS非常不同,并且攻击方式几乎相左.XSS利用站点内的信任用户,而CSRF则通过伪装来自受信任用户的请求来利用受信任的网站.与XSS攻击相比,CSRF攻击往往不大流行(因此对其进行防范的资源也相当稀少)和难以防范,所以被认为比XS

ngResource提交json数据如何带参数

ngResource提交json数据如何带参数直接使用ngResource和REST服务接口交互可以让程序显得简洁,前提是配置好跨域和OPTIONS请求的支持,与此同时,如果需要带些额外的参数,有两种方式: 1.重写resource对象的action,添加params属性 angular.module("myApp",["ngResource"]) .service('TeamServe', ['$resource', '$rootScope', '$http',

关于button和form提交的一些问题

1.form 中type 为submit 和button的区别 submit是button的一个特例,也是button的一种,它把提交这个动作自动集成了. 如果表单在点击提交按钮后需要用JS进行处理(包括输入验证)后再提交的话,通常都必须把submit改成button,即取消其自动提交的行为,否则,将会造成提交两次的效果,对于动态网页来说,也就是对数据库操作两次.或者在使用submit时验证时加return true或false. submit和button,二者都以按钮的形式展现,看起来都

submit异步提交回调的方法

背景: mvc模式下,当submit表单的时候,后台Control自动绑定Model类,但是如果不用submit来提交,改用ajax提交的时候,后台Control无法获取前台form表单内相应Name值,来绑定Model对象. 解决方案:利用jQuery来进行异步提交,获取后台处理结果,前台进行显示!利用:jquery.form.js //jquery.form.js 的ajax提交表单 $('#form2').submit(function() { $(this).ajaxSubmit(fun

HTML 之 Web页面表单form中只有一个input的text元素，按回车默认提交

WEB开发中,如果页面的 form 中只有一个input元素,在该input元素的输入框中按回车(注:此时并没有写对应的onkeydown等事件处理),则浏览器会默认提交表单,请看如下代码: <html> <head> <title>页面中只有一个input元素时默认提交表单</title> </head> <body> <form action="http://www.baidu.com" name=&qu

<button> submit默认提交哪些数据

热门专题