Django中button的处理 & ajax提交数据时不走Form组件验证

最新推荐文章于 2024-09-08 11:56:49 发布
最新推荐文章于 2024-09-08 11:56:49 发布
阅读量3k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： django Python 文章标签： django ajax 表单 数据 class
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_33733970/article/details/78569842
本文详细介绍了表单中按钮的不同类型，包括默认提交类型的 submit 按钮、用于重置表单的 reset 按钮及普通的 button 按钮，并提供了解决 ajax 提交数据时跳过表单验证的方法。

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

button分类：

  1. type=’submit’ 默认类型，会默认提交表单~
  2. type=’button’
  3. type=’reset’

项目中出现的问题:

ajax提交数据时不走Form组件验证

处理方式:

指定input的类型type=’button’
指定button的类型type=’button’
上述两种处理方式效果一致！！！

【web】【django】datatable的button扩展实现纯前端下载和copy指定列内容，以及django的HTTPResponse实现下载功能
u014458962的专栏
01-08 646
Table of Contents 功能需求描述 一 使用Datatables实现纯前端下载、拷贝 二 query db 实现下载（django） 功能需求描述 用户需要以网页为媒介，从DB里拉取一些数据。 分为两种情况： data已经显示在页面上 （除了下载还需要拷贝其中某一列） data没有显示在页面上，需要在trigger download的功能时，根据用户...
django获取前端button事件
qq_42092076的博客
05-21 7964
<form action="" method="post"> {% csrf_token %} <input type="hidden" name="shoucang" value=1> <button name="shoucang1">shoucang<button> </form> 思路是将前端form表单第一个input框隐藏，填入默认值，提交按钮类型为submmit，Django views.py中post请求获取name="shouc
Django网络应用实践（3）-button按钮点击事件+超链接跳转及分页+路由管理
fuyouliyang的博客
04-10 5122
js的代码中，需要明确的是点击该按钮后所调用的路由，此时的路由不是一个具体的页面，而是在后台中具体处理某一事件的一个自定义函数。想要实现点击button按钮后触发某个事件，这就得使用js的知识，将按钮与具体的某个事件绑定，当点击该按钮时触发这一事件。与button跳转一样，这里跳转的还是一个执行某个功能的一个自定义函数，这个函数会负责将静态页面渲染出来。html的代码中，需要对button中id的参数进行明确，id明确之后才能绑定事件。我的二级路由写在app目录中的urls.py中，这个文件需要自己创建。
django----Form提交按钮
weixin_30832405的博客
03-28 970
form表单中要用submit，如果用button切记要加上type，不然button默认的type是submit,会有影响 <button class="login"type="button">注册</button> <button type="button" onclick="doValidation();">提交</button&...
Django:form表单和button获取数据
qq_32762567的博客
03-17 1125
这里写自定义目录标题Django:form表单和button获取数据 Django:form表单和button获取数据 如果想使用获取数据 1.首先需要加上form表单： 2.加上控件，比如select下拉框： 3.后端加上 if request.method==‘POST’ (此处要大写)就可以把你选择的下拉框数据获取：value = request.POST.get(‘selec...
Django之Form表单验证及Ajax验证方式汇总
baobao267的专栏
10-15 1536
一、Form表单验证： 原理：在Form表单提交到Views后台时，利用Django特有的验证模版技术（实质上实现验证功能的类）对表单数据进行验证，然后将结果返回到页面上。 html页面代码如下： <form method="post" action="/login.html"> <p> <input type="text" name=...
Django环境下使用Ajax
AZURE060606的博客
03-10 2649
AJAX 的主要目标是在不刷新整个页面的情况下，通过后台与服务器进行数据交换和更新页面内容。通过 AJAX，您可以向服务器发送请求并接收响应，然后使用 JavaScript 动态地更新页面的部分内容简单来说就是将后端数据进行加工后传给前端，再利用js对数据进行加工或判断后渲染到前端AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行，AJAX 使用异步交互与服务器进行通信同步交互：客户端发出一个请求后，需要等待服务器响应结束后，才能发出第二个请求；
Django - form组件详解
hl120841的博客
09-16 988
1 form组件的主要功能 HTML form提交数据后自动保留上次提交的数据 对用户提交的数据进行验证并生成错误信息 自定义验证规则 生成HTML标签 初始化页面显示内容 2 form组件的处理流程 ...
vue 解决form表单提交但不跳转页面的问题
10-16
在某些场景下，如AJAX提交或者希望在当前页面处理提交的数据时，我们并不希望页面发生跳转。本文将详细介绍如何在Vue中解决表单提交但不跳转页面的问题。 首先，我们需要理解Vue中事件绑定的概念。Vue提供了`v-on`...
通过ajax方法向django后台提交表单数据
__sebass博客
06-18 6638
当网站表单界面是局部界面时，为了更良好的用户体验，采用ajax方式向django后台提交表单数据 首先制造一个局部表单界面 <form> {% csrf_token %} 用户名: <input name='username'> <br> 密码： <input name='password'> <br> ...
django表单中的按钮获取数据的实例分析
12-17
以下是Django框架获取各种form表单数据的方法 Django中获取text，password 名字：<input type="text" name="name"> 　　密码：<input type="password" name="password"> 　　Form表单提交数据时使用的是post方式，所以在后端接收参数的时候需要先判断请求方式为post时才能请求到数据 　　name = request.POST.get('name') 　　password = request.POST.get('password') Django中获取单选框 性别：<input ty
Django点击交互操作
AI悦创·编程私教1v1
03-05 3196
需求介绍 数据库内容读取并展示到首页上，首页展示了非常多的文章的标题和摘要，如果要查看内容的话，还得点击文章的查看，进到 article.html 中才可以看到。 那点击操作，如何实现？本节课我们来实现这个功能。 链接的渲染 首先是点击，那个查看按钮，是个 a 标签，点击触发的 href 属性，也就是访问新的链接。 访问新的链接，链接中必须携带当前文章的信息，方便在视图函数层面，查询到具体的文章信息，并渲染到 article.html 中。 传输的信息必须独一无二，不然就会出现。数据库中，每条数据都会自动
AmazeUI 按钮
一直专注于互联网
02-16 1782
<!doctype html> <html class="no-js"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name=&
【django】input type= button和 submit
qq1518572311的博客
12-24 2108
<input type="button" /> 这就是一个按钮。如果你不写javascript 的话，按下去什么也不会发生。 <input type="submit" /> 这样的按钮用户点击之后会自动提交 form，除非你写了javascript 阻止它。 ...
django 按钮的样式_【实战演练】Python+Django网站开发系列11-成绩查询与成绩录入...
weixin_39763640的博客
12-16 417
#本文欢迎转载，转载请注明出处和作者终于做到最后一步了，选课、删除、已选展示、修改密码等功能都已经完成，剩下查询已选课程的成绩（学生界面）与成绩录入（老师界面）。其中成绩查询的页面与之前做过的基本上是一样的，一个ORM命令就搞定。成绩录入这边，我们需要引入弹层jquery插件，帮助我们快速完成。1、成绩查询1.1后台查询业务逻辑编辑views.py里面的queryscore函数，需要做个简单的连接...
【django】input type=submit type=button的区别
qq1518572311的博客
12-26 889
<input>的类型设置为type=submit，直接提交到url中 这种方式简单，但存在瑕疵。   <input>的类型设置为type=button， 鼓励用Ajax方式   <input type="text" id="id_tag"> 鼓励用Ajax方式...
django创建一个新页面并监测button点击事件
最新发布
2401_87029923的博客
09-08 393
接着创建前端的按钮界面，这是html页面，需要在register里新建一个templates文件夹，专门用来存放html文件，新建页面命名为index.html（文件夹和文件命名是默认的规则，新手最好不要随意更改这个名称），应该放置的位置如图。接着需要在总项目目录settings.py中添加新建的register，位置如图。接着需要在settings.py里进行监测html页面的渲染。之后需要在总项目的urls.py里注册该views，位置如图。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值