关于保存草稿时不对表单的必填项进行校验的方法处理

最新推荐文章于 2024-04-09 20:00:21 发布
最新推荐文章于 2024-04-09 20:00:21 发布
阅读量422 收藏
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_53143846/article/details/129703396
版权
本文介绍了一个解决客户在填写草稿时不需要检查表单必填项的需求。通过调整Vue.js和Element UI的表单验证方法，实现了部分填写也能保存草稿的功能。主要涉及的步骤包括编写一个获取表单校验结果的方法，并在表单提交时调用该方法进行判断处理。
摘要由CSDN通过智能技术生成

1.需求客户想填草稿时不管必填项是否都要填，填部分是也能让进行保存。

直接上代码处理的过程，正常element-ui正常表单的校验方式是

submitForm(formName) {
   
  this.$refs[formName].validate((valid) => {
   
          if (valid
最低0.47元/天 解锁文章
简单 Dan
关注
vue+VeeValidate 校验范围实例详解（部分校验,全部校验）
12-29
搜索很久，没有发现有关于vue+VeeValidate部分校验的。自己写一个。 主要是两个场景： 1. 校验范围内，所有的字段。 2. 校验全局所有字段。 主要方法： 1.validate(fields, scope)  2. validateAll(fields) 场景： ...
jQuery Validate 实现保存时不校验，提交时才校验表单
u012890715的专栏
03-17 5533
具体思路就是，通过jQuery Validate的ignore属性，ignore：对某些元素不进行验证。$("#myform").validate({ ignore:".ignore" })只要是设置了ignore，表单提交时就会跳过校验。可以在ready方法中设置只要有ignore样式的对象都不进行校验：$(document).ready(function() { $("#inputFor...
van-form无法校验表单必输项
tan_xiao_tan的博客
03-07 719
【代码】van-form无法校验表单必输项。
php让提交表单的数据保留,php基础教程--表单验证(必填、提交后数据保留)
weixin_33851300的博客
03-10 369
一、表单验证中用到的几个元素记录1.htmlspecialchars(),用于将用户输入的特殊字符转义为普通字符，比如 < 和 > 之类的 HTML 字符会被替换为 < 和 >2.$_SERVER["PHP_SELF"] 是一种超全局变量，返回当前页面脚本名字3.trim()用于删除多余的空格等4.stripslashes()用于删除用户多输入的反斜线二、一个简单的表单验证...
【Easyui】解决未对form表单数据进行校验直接就可以提交的问题
sun337939896的博客
02-08 3007
今天遇到了一个问题，完成登录和注册功能时，使用easyui的required：true，validType:'length[6,18]'等等各种校验textbox时，点击登录或者注册按钮，未输入任何值也能提交，然后后台报错。后来发现自己使用的按钮类型为submit，而且easyui并不主动提供校验form表单所有数据之后再提交的方法，但是有校验所有数据是否符合要求的方法。解决这个问题首先要清楚，s...
前端md5校验文件
最新发布
weixin_42575028的博客
04-09 310
前端获取文件的md5值，与文件一同传到后端，后端同样对md5值进行校验。如果相同，则文件未被损坏（其实这种方式优点类似于tcp、ip的差错校验，好像token也是这种方式）
Element 表单验证，只在点击保存按钮时统一验证。输入时忽略验证
cinoway的博客
08-05 3885
使用element的表单验证时候，可能有时我们只想在 点击保存时候统一验证表单，并不需要实时输入验证。我们只需要在 表单中绑定的数据元素上添加：:validate-event="false" 即可。具体如下图
禁用WordPress的自动保存草稿文章修订功能方法详解
09-30
在WordPress内容管理系统中，自动保存、草稿和文章修订功能为用户提供了一定的便利，但有时这些特性可能会带来不必要的数据库占用或对文章ID序列的干扰。对于那些希望优化网站性能或者追求文章ID连续性的用户，禁用...
一个基于jquery的页面表单草稿自动保存代码
06-13
支持input type为 text,textarea,checkbox,radio,select,password,hidden的草稿自动保存 hidden的特殊性，因为hidden要手动触发change事件，当值改变的时候要 手动代码 .change() 触发一下才会保存相应的草稿 要实现...
JavaScript判断用户是否对表单进行了修改的方法
10-24
在JavaScript中，判断用户是否对表单进行修改的方法通常是通过比较表单元素当前的值与其初始默认值来实现的。这个功能在用户可能需要保存未完成的编辑时尤其有用，例如在用户离开页面或关闭浏览器时提醒他们。下面将...
el-form表单验证跳过指定项的验证
anny_mei的博客
08-19 2113
由于我项目的原因,企业和个人个表单不一样,通过给isView的true和false来控制 首先企业默认的是true,所以可以在created里面判断 created() { if (this.isView) { // 个人表单校验失效 this.rules.personName[0].required = false } }, 然后再在methods方法里面点击了个人表单按钮时再判断 handelPerson() { this.isView =
layui 表单标签的校验
热门推荐
huangbaokang的博客
10-19 8万+
layui表单元素的校验只需在元素上加入lay-verify，layui提供了以下值。required（必填项） phone（手机号） email（邮箱） url（网址） number（数字） date（日期） identity（身份证） 自定义值同时支持多条规则的验证，格式：lay-verify=”验证A|验证B” 如：lay-verify=”required|phone|number” 另外
easyui的validate校验必填项，空格问题。
fu_jian_feng的博客
10-16 1万+
问题：项目名称等 为必填项，输入空格，依然保存成功；      解决：   方法一： 修改reqiuired的校验。 方法二： 自定义的validate.js.
常用表单校验规则 + 编辑保存时进行整个表单校验 或者 单个表单项进行校验
weixin_55846296的博客
09-16 1394
常用表单校验规则 + 编辑保存时进行整个表单校验 或者 单个表单项进行校验
必填校验 验证问题
lzfengquan的博客
04-22 2423
今天做项目的时候，突然发现在新增和保存的时候有个必填校验明明加了，但是没有填写，结果竟然没有提示。原来是接收的验证对象不一样造成的，从而忽略了对他的校验。 当我对处理应收单类型没选取的时候，进行新增或者保存，发现竟然在明细列表直接新增了一行数据，在保存的时候也只是校验了明细行没填数据，忽略了我的应收单类型。发现错误，在解析的时候忘记判断情况了。 因为应收单类型返回的是个对象，然而在 react项目中 利用了antd -form 里面有个属性 validateFields 。validateFields（
layui 提交表格不验证
weixin_30572613的博客
12-24 500
form.on('submit(filter_save)', function (data) { 后面查找发现是提交按钮要放在form里面 转载于:https://www.cnblogs.com/niyl/p/10167669.html
elementUI el-form表单校验不消失 强制去掉校验
m0_64491262的博客
02-10 4255
尝试变更form中字段的默认类型,修改rules的change或者blur,都没用.最后选择给form绑定change事件,有值时取消校验.直接点击提交或保存,弹出校验信息('请输入xxxxxx')在输入框中输入信息后,校验信息无法自动消失。
避坑指南 | 测试中容易漏测的点，你踩过坑么？
自动化软件测试
06-06 291
在测试的过程中，有些测试点是在需求说明文档里明确提到的，比如果输入框的输入要求是什么、是否必填等等。
uniapp 移动端实现保存草稿
05-12
3. 当用户再次进入该页面时，可以使用`uni.getStorageSync(key)`来获取保存在本地的草稿内容，并进行展示。 4. 可以添加一个清除草稿的按钮，当用户点击时，可以使用`uni.removeStorageSync(key)`来清除本地存储中...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值