form表单 部分序列化 只针对有别名的序列化 防止button导致提交

于 2021-01-21 16:23:09 发布
阅读量167 收藏
点赞数
分类专栏： 前端 文章标签： jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_39087348/article/details/112963564
版权
本文介绍了如何防止HTML表单的默认提交行为，通过在<form>标签中添加onsubmit='return false;'。同时，展示了如何使用jQuery进行表单数据的序列化，包括获取全部数据和仅序列化指定别名的input元素。这对于前端开发中处理表单提交和数据传递至关重要。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

先上代码

<form id = "formInfo" οnsubmit="return false;">
	<input id="inputOne" name="buildYear" class="form-control" autocomplete="off" value="11" inputName>
	<input id="inputTwo" name="buildYear" class="form-control" autocomplete="off" value="22" inputName>
	<input id="buildThree" name="buildYear" class="form-control" autocomplete="off" value="33" >
</form>

加onsubmit="return false;可防止form提交

form表单全部序列化
$('#formInfo').serialize()
在这里插入图片描述
form表单只序列化我做了别名为"inputName"的input
$('#formInfo [inputName]').serialize()
在这里插入图片描述

Redis框架从入门到学精（全）
码农研究僧的博客
07-02 2万+
目录前言1.NoSQL2.Redis2.1 软件安装数据类型 前言 解决功能新问题：JAVA jsp rdsms tomcat html linux jdbc svn 解决发展性问题：strtus spring springmvc hibernate mybatis 解决性能问题：NOSQL java 线程 hadoop nginx mq elasticsearch 1.NoSQL NoSQL特点 非关系型数据库，不依赖业务逻辑数据库存储，以简单key-value存储 适用于 ~高并发读写 ~海量数据读
前端面试汇总-React
越陌度阡
06-29 1322
React并不是将click事件绑定到了div的真实DOM上，而是在document处监听了所有的事件，当事件发生并且冒泡到document处的时候，React将事件内容封装并交由真正的处理函数运行。这样的方式不仅仅减少了内存的消耗，还能在组件挂在销毁时统一订阅和移除事件。除此之外，冒泡到document上的事件也不是原生的浏览器事件，而是由react自己实现的合成事件（SyntheticEvent）。因此如果不想要是事件冒泡的话应该调用event.preventDefault()方法，而不是调用event
关于不能被表单序列化的标签
weixin_30657999的博客
10-22 199
今天写代码，把表单序列化传到了后台，后台校验参数为空异常，查了一会儿才发现是标签的缘故，这里记录一下。 <td> <select id="resType" name="newStbTypeId" disabled="disabled"> <option value="12345678901112">HONGTENGTONG-ABS-A4...
springMVC中使用form表单name属性提交表单的方法案列
飘
08-13 1819
在学习sprngmvc过程中,有一个需求是批量删除选中的商品,这其中就使用了如图所示的表单提交方式  页面效果图    jsp页面代码如下:  &lt;%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%&gt; &lt;%@taglib uri="http://ja...
html基础--input标签里面的name与value的区别
weixin_43313682的博客
05-22 1180
type浏览器中用于出入的控件（比方说type=“text”,这就是一个文本框;type=“button”，这就是一个按钮） type可选的值如下： button 按钮 checkbox 复选按钮组件 file 文件上传组件 hidden 隐藏域 image 图片区域 password 密码输入文本框 radio 单选按钮组件 reset 重置表单按钮 submit 提交表单按钮 text 文本输入框 id是唯一标识符，不允许有重复值（类似数据表的主键,pk），可以通过它的值来获得对应的html标签对象。
表单序列化三种方法
List_Change的博客
02-13 2795
方法1：serialize(): 就是把表单信息序列化成一个字符串 （认为最常用 的方法） &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="/jquery/jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt
.serialize()表单序列化提交的同时提交其它参数
这里是博客标题
06-09 868
1. 原本表单序列化提交方式： function update() { $.ajax({ cache : true, type : "POST", url : "/contract/contractInfo/update", data : $('#signupForm').serialize(),// 你的formid async : false, error : function(request) { parent.layer.alert("Connection err
Laravel开发-form-builder
08-28
创建表单时，先实例化Form Builder类，然后调用对应的方法生成表单元素。例如，创建一个文本输入字段可以这样写： ```php use Kyslik\ColumnSortable\Sortable; use Kris\LaravelFormBuilder\FormBuilder; ...
孙叫兽VUE学习笔记总结（值得收藏），很全很详细！！！
孙叫兽的博客
12-22 2855
官方文档：http://vuejs.org/v2/guide/syntax.html 中文文档:https://cn.vuejs.org/v2/guide/syntax.html Vue （读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。 与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。 Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。 另一方面，当与现代化的工具链以及各种支持类库结合使用时， Vue 也完全能够为复杂的单..
根据文档需求，给出数据库部分从建立数据库到全部完成的完整代码，并在表和属性的名称为英文的基础上给出中文别名增加可读性（例如使用“AS”子句）
最新发布
12-12
在 `books/serializers.py` 文件中定义序列化器： ```python from rest_framework import serializers from .models import Book, User, Loan class BookSerializer(serializers.ModelSerializer): class Meta: ...
signUpForm
03-08
signUpForm
[关于前端数据] - serialize()的使用
weixin_33910460的博客
02-22 876
虽然是拼接字符串,但是也能通过post方式提交 $("#signUpForm").serialize() 结果 controller照样使用实例接收数据即可 转载于:https://www.cnblogs.com/ukzq/p/10421118.html...
jQuery的serialize()方法序列化表单值（注册，登录等表单数据需要ajax提交时超实用）
weixin_43288322的博客
06-09 386
刚入门，需要创建URL编码文本字符串，都是手动，如下图 某一天，我发现了jQuery的serialize()方法（人懒，没有经常系统抽时间学习jquery方法），强大之处请看下图 直接就解决了，真是很棒，不用再用jquery分别获取username等值，多行代码一句搞定，getJSON也可以用这种来生成data,不用自己构造json了。 ...
bootstrap table可编辑，三种方法（无弹窗、可校验，列互动）列表和表单一块提交
qq_37752382的博客
07-06 6269
一、效果图 1、引用bootstrap edittable 能接受这个小窗口即可用此功能，官方也是这个接口，文档中写的比较详细，此处不多做解释，博主截图为“若以”框架带的案例，开源框架，复制即可，百度若以即可。（可以不出小窗口，但是还是得√才能输入，还是不够友好） 2、edit （触发事件event不好操作，如果不需要校验即可用此方法，功能不好拓展，社区大神得作品，后续没有继续写了） 理论上此这种功能完美，但是文本校验且和别的单元格得互动比较困难，原作者对此没后后续得维护操作了。 原文：传送门 完整de
jquery validate使用和扩展规则
被殴打的攻城狮
12-08 3707
index.html {required:true,minlength:5,equalTo:'#password'} 在class里面如果需要使用{}必须加metadata.js --> 自定义扩展 --> label.error { padding-left: 2px; padding-bottom: 2px; font-weight: bold;
ajax表单登录提交
qq_41807561的博客
11-20 517
&lt;form id="signupForm"&gt; &lt;div class="ibox-body"&gt; &lt;ul class="nav nav-tabs"&gt; &lt;li class="active"&gt;&lt;a data-toggle="tab" href="#tab-1"&amp
jQuery序列化表单的方法总结（serialize()、serializeArray()）
热门推荐
xinghuo0007的博客
05-23 6万+
jQuery序列化表单的方法总结现在这里贴出案例中静态的html网页内容：<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="../js/jquery-3.2.1.js"></script></head> <body> <for
jquery中提交表单的序列化方法serialize()
wwz123124的博客
07-30 570
在jquery可以通过serialize()来一起提交表单数据 $(selector).serialize() 对HTML结构有要求: 1.必须是form中的元素 2.必须有name属性 <form id="form1"> 用户名: <input name="userName" type="text"> 密码: ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值