js提交表单禁止部分内容提交方式

最新推荐文章于 2023-07-24 16:48:51 发布
最新推荐文章于 2023-07-24 16:48:51 发布
阅读量2.2k 收藏 1
点赞数
分类专栏： JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_18607183/article/details/54137679
版权

有的时候form表单中有很多数据，但是有些是需要根据业务需求，进行隐藏或显示。

比如提交文件， 后端可能会对提交的文件格式有限制，假如某个业务不需要上传文件，但是提交表单后，后端还是会收到一个空的文件

所以这个时候就需要在前端根据业务需求把这个input disabled，这样就不会提交数据了。


所以这个后续需要注意，form表单中的输入框为disabled的时候，后端是收不到数据的，如果想

让前端不可以输入，后端又可以接收到数据，可以采用readonly属性

跨时代135
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
js禁止表单重复提交
10-19
主要介绍了js禁止表单重复提交的方法，避免重复记录带来的问题，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
禁止按回车键提交表单的方法
09-03
总的来说，禁止回车键提交表单可以通过多种方式实现，包括添加隐藏输入框、监听键盘事件、绑定按钮点击事件以及自定义表单提交逻辑。这些方法可以根据实际需求和用户体验来灵活选择和组合。在设计网页表单时，考虑到...
JS中对象赋值只传值不传对象（地址）的方法，改变新值不影响旧值
益添的博客
11-02 1万+
使用JS有一个很恼人的问题，当我把对象赋值给新的对象后，新的对象改变了，旧的对象也会跟着改变，如以下例子： // 被引用的对象 var oldModel = { name: "oldModel", value: 123 } // 新的对象从旧的对象赋值 var newModel = oldModel // 只改变新对象的值...
【泛微E9】JS限制文本框输入特殊字符和空格
MissgirlFL的博客
07-22 1488
【泛微E9】JS限制文本框输入特殊字符和空格
JS阻止form表单提交
weixin_30423977的博客
01-22 518
当做登陆页面时，JS判断用户名密码为空时需要阻止form表单提交。 <script type="text/javascript"> var a = true; function validate(){ var username = document.getElementById("username").value; var ...
【JavaScript】阻止表单的默认提交行为
最新发布
小秀的博客
07-24 1072
异步表单提交：当希望通过 JavaScript 处理表单提交，并在后台发送异步请求处理表单数据时，可以阻止默认提交行为，以便通过 AJAX 或 Fetch API 将表单数据发送到服务器。意味着在提交表单时，不让浏览器执行默认的提交操作，而是通过 JavaScript 来处理表单提交，并执行自定义的操作，例如异步提交、表单验证、页面更新等。总之，阻止表单的默认提交行为可以让我们更好地控制表单的交互和数据处理，为用户提供更流畅和友好的用户体验。属性指定的页面，并且页面会显示服务器响应的内容。
js阻止表单默认提交、刷新页面
qq_32998295的博客
03-11 1427
一、阻止刷新页面 在表单中的提交按钮<button></button>标签改为<input type="button">或者在<button>中添加属性 type="button" 1 <button type="button"class="update_group"></button> 　　 二、阻止表单的默认提交 　　1、使用preventDefault（） ...
禁止空格提交表单的js代码
10-26
针对这个问题，我们可以使用JavaScript来禁止空格提交表单，确保只有在用户确实想要提交时才会执行提交操作。 首先，我们需要在HTML的`<input>`元素上添加一个事件监听器，比如`onkeydown`，这样当用户在文本框中按...
JavaScript阻止表单提交方法（附代码）
10-19
当用户点击提交按钮或按下回车键时，浏览器会先调用`onSubmit`指定的函数，然后根据函数的返回值决定是否继续提交表单。如果函数返回`false`，表单提交会被阻止；如果返回`true`或没有返回值，表单会被提交。 而`...
js禁止回车提交表单的示例代码
10-26
本篇文章主要是对js禁止回车提交表单的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
阻止form表单提交，和提交时产生的问题总结
2³
08-04 7754
一、首先总结 阻止 form 表单提交的几种方法 <button> 提交时，type默认为submit，阻止提交将type改为button，即 type="button" <form action=""> <button type="submit"></button> </form> <input> 提交时，将type改为button，即 type="button" <form action=""> &
Html： 阻止表单数据提交的几种方式
netyeaxi的专栏
07-10 5654
原文：HTML禁止表单提交方法 https://blog.csdn.net/qq_43529877/article/details/84960470 有时在点击提交按钮时不希望提交form表单，所以在写提交按钮时应该注意以下几点： <form name="form1" method="post" action="" > <table width="50%" bor...
js阻止表单提交
weixin_30260399的博客
04-10 130
以下情况只针对非前后端完全分离！ <a href="'.Yii::app()->createUrl().'" class="label label-sm label-warning" style="width: 80px">查看订单</a> 若想要阻止上述代码的表单提交，可以做如下修改 <a href="'.Yii::app()->cre...
js阻止表单提交的两种方法
thlzjfefe的博客
05-12 3044
下面直接看代码。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> function checkLength(){ var name=document.get
Js 阻止表单提交方法
weixin_34074740的博客
11-12 2841
<body> <formaction="clock.html"method="post"onsubmit="returncheckLength()"> <p>name:<inputtype="text"name="user"id="user"></p> ...
提交表单不提交隐藏div的input
热门推荐
zero_295813128的专栏
09-12 1万+
今天做一个功能 想在下拉列表中根据下拉的选项隐藏对应的div有个平台选择的下拉列表，我想在选择pc的时候出现水平以下的内容并且提交水平线以下的input 下拉列表选择app的时候会隐藏水平线以下的input,但这时候不想提交隐藏div的input的值，这时候在 隐藏div的时候就需要做以下操作 function choosePlatform(platform) {
jquery、js阻止表单提交的不同方法
u010256177的专栏
09-27 9556
做web开发的，写表单提交的代码那是家常便饭。既然是要提交表单，那肯定就会进行表单验证。表单验证的问题一直都是一件头疼的事情，争议也比较大。有些程序员会把验证放在服务器端，让服务器来进行验证，试想，这样把数据传来传去，效率有多低啊！！如果表单里的数据量过大，则会严重占用服务器带宽。何况现在是WEB2.0的时代了，随着Google、网易等使用Ajax技术的兴起，把表单验证放在服务器端，实在是太落后了
js简单禁止form表单提交的方法
c1824338832的博客
01-16 2461
test 填写表单ID document.getElementById("test").focus;  return false;//false:阻止提交表单 
iframe 禁止提交表单
05-12
是的，iframe 默认情况下是不允许提交表单的。这是为了防止跨站点脚本攻击（XSS）和点击劫持攻击（clickjacking）等安全问题。如果在 iframe 中嵌入了一个表单，并且用户在填写表单后点击了提交按钮，表单数据将会被...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值