View UI 中使用 Form表单validate方法一直在pending状态

最新推荐文章于 2023-09-21 09:44:21 发布
最新推荐文章于 2023-09-21 09:44:21 发布
阅读量830 收藏
点赞数 2
文章标签： view design ui 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_46390103/article/details/127609385
版权

最近在开发项目中遇到一个奇怪的bug，Form表单validate方法第一次 Promise请求返回正常true或false，但是第二次请求Promise请求一直处于pending状态，详情请看下图：

在这里插入图片描述
后面经过测试得出是 Form表单时间选择器中的表单验证 type: ‘date’ 导致的
在这里插入图片描述
好的解决办法没有想到，删掉type: 'date’的话表单验证就失效了，所以后面只能选择自定义一个，就算初步解决这个bug，示例如下：
在这里插入图片描述

时倾௸
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue3+element-plus 使用表单的validate方法一直处于pending状态
qq_53142442的博客
11-11 2278
在用vue和element做form验证的时候，el.validate(valid) 一直不执行里面的代码，打印出来的时候一直是pending的状态。一直没找出原因，后来发现还是因为自定义的验证方法里面漏写的callback（）检查自定义的验证方法， 确保所有出口都有callback()
请求一直pending的问题
热门推荐
susyamo的博客
12-16 1万+
这种情况首先一定要查看后台是否返回了信息 当后台无返回信息时，前端发送的ajax请求会一直等待，导致请求始终不能结束，呈现pending状态 我在编写后台逻辑时，判断了条件是否成功，但却只给其中一种情况写了返回 所以当发生另外一种情况时，就出现了pending状态 为自己的粗心感到羞耻(￣ω￣;) ...
view ui 表单验证
weixin_41539438的博客
07-28 2190
参考文档 不是教程！ 不是教程！ 不是教程！ 学习时查资料大概记了一些，边验证边修改，还有目前只验证了几个用到的，以下内容可能会有错误，但大方向应该是没问题的，修改中……！ 在view ui中，使用标单验证总的有以下四个步骤 1、绑定:rules： :rules=“ruleValidate” 2、传递数据： prop=“name” 3、验证规则： 字段：{ [ type:‘名称’，message:‘验证不通过时提示信息’，trigger:‘触发类型blur’] } { required: true, ty
使用koa框架以及管道，错误的请求一直处于pending挂起状态
浪里个浪的博客
03-16 381
后端使用的是koa框架，并且使用了管道进行转发。当需要转发的链接无法访问时，该http请求会一直处于pending挂起状态。 而在另一份代码，使用express框架开发，也使用了pipe管道进行转发，但是此时，即使目标url有问题，请求也能正常处理，不会处于挂起状态。
element框架的el-form组件validate方法不执行
louxinuo的博客
12-19 2581
检查自己的自定义验证规则是否每一条逻辑都能够执行到callback函数！！！
Vue中使用vee-validate表单验证的方法
12-11
往常使用jquery的validate插件做表单验证方便吧，你也可以在Vue里引入jquery的validate插件(如何引入jquery在我上一篇博文有介绍，点击查看)。但是我们是做vue项目也，不到实在解决不了还是建议不要引入，因为Vue...
vue.js element-ui validate中代码不执行问题解决方法
10-18
然而，在实际使用中，我们可能会遇到validate方法不执行的问题，导致表单验证无法正常工作。本文将深入探讨这个问题及其解决方案。 首先，Element UI 的 `el-form` 组件使用 `prop` 属性绑定需要验证的字段，并通过...
使用validate.js实现表单数据提交前的验证方法
01-19
现在是学的ASP.NET，关于表单验证，目前知道的，除了以前那种傻瓜式的每个表单选项都用一个函数去验证之外，有两种方法是比较方便的，今天先介绍一下第一种，在前端实现表单验证的方法——基于validate.js的表单验证...
JSON生成Form表单的方法示例
12-07
JSON表单是一个基于React的抽象组件，它可以把JSON数据格式描述的表单转换成项目中的表单，它可以用简短的几行代码，快速的生成Form表单。 JSON表单的优点是： 可以快速构建出一个表单 表单的数据、逻辑、视图...
View UI form 清除表单验证状态
关凯华の的博客
12-09 630
1. 全部清除 this.$refs.formData.resetFields(); 2.清除表单项 for (let item of this.$refs.formData.fields) { if (item.prop.includes('gkh0305')) { // 清除错误状态 item.resetField(); // 设置验证状态（如果不设置，表单项需要点击两次才生效） item.validate()
Uniapp请求接口报Promise { pending }是什么？
weixin_45167444的博客
06-23 1349
Uniapp报Promise { pending }是什么？ 此提示主要告诉我们的是我们接收的方式有问题 可知: promise 要用then接收或者async await // 如定义一个变量直接a()，然后赋值给 b let b = this.a() console.log(b) //这里就会返回 Promise {<pending>} 接收方式主要有如下两种 第一种：then 接收 let b = this.a() .then(res =>{ //.then是接收正确返回的
FormView控件的三种数据验证方法
清风古韵
06-24 1255
FormView控件的三种数据验证方法利用GridView和FormView可以很方便地更新、插入记录到数据库中，但在对数据库进行操作时对数据的验证非常重要。本文简单介绍了FormView控件插入记录时的三种数据验证方法。(一) 利用验证服务器控件进入Formview的模版编辑状态,选择InsertItemTemplate模版或EditItemTemplate模版,将验证服务器控件(如Requir
Promise {＜pending＞} 的解决方法
暴走的山交君的博客
11-27 3481
用 then()接受 或者用 async await 修饰
vue+element+axios接口二次请求一直pending
qq_38948398的博客
12-13 5619
这里记录一下遇到的一个比较奇葩的问题 项目是vue+element+axios ，本地接口调试正常，但是项目部署到正式服务，二次请求接口，状态一直pending，导致页面崩溃卡死，最后排查了好久，发现是element的选项卡组件导致的， 官网中element选项卡的内容书写方式是这样的 <el-tabs v-model="activeName" @tab-click="handleClick"> <el-tab-pane label="用户管理" name="first"&
关于javaweb前端下载图片，status一直处于“pending“
临晖的博客
08-05 530
今天在B站跟着老师做基于SpringBoot的Javaweb项目时候，涉及到到图片的上传下载。明明跟着做的好好的，但是突然发现，图片可以上传，但是却无法下载，图彭无法展示，处于空白状态，然后使用抓包，发下status一直处于pending的状态第一次碰到，然后百度了好久，了解到了pending的意思：如下：定义：信号产生和传递之间的时间间隔内，称此信号是未决的；一个已经产生的信号，但是还没有传递给任何进程，此时该信号的状态就称为未决状态。
form 和 formControl 的 status
weixin_33949359的博客
09-07 513
为什么80%的码农都做不了架构师？>>> ...
el-form自定义规则后表单验证validate不生效的问题
最新发布
weixin_61570458的博客
09-21 2959
错误示范
View UI （iview）动态表单 使用教程
悟世君子的博客
10-01 3303
View UI，即原先的 iView，从 2019 年 10 月起正式更名为 View UI，并使用全新的 Logo 本文介绍 View UI （iview）动态表单的使用。在项目开发中，有些数据的数量是动态的，不确定的，可能是1条，也可能是多条。如人的证件，工作经历，项目经验等。在做这些数据的添加时就要使用动态表单 1、使用介绍 首先将 iview 官方的动态表单的代码全部复制出来，粘贴到项目里，看一下运行效果 代码如下 <template> <Form
antd表单中的validateFields没有被执行可能的问题及解决
daihaoxin的专栏
05-14 1万+
文中所描述的问题及解决，适用于antd 3.x版本 今天在做一个修改密码的功能，逻辑极为简单，没有什么花头，然而在获取短信验证码的时候，如下代码中的form.validateFields的回调函数一直得不到执行，翻了两遍官方文档都没有找出问题。 onGetSMS = () => { const { form, sendSmsModifyPWD, sendEmailForResetPassword } = this.props; const { type } = this.state;
使用如何使用validateForm校验form-create表单中的必填项,，form-create不存在validate方法
05-11
在form-create中，可以使用 `validateForm` 方法进行表单验证。该方法需要传入两个参数，第一个参数是需要验证的表单对象，第二个参数是验证成功后的回调函数。示例代码如下： ```javascript // 通过 $refs 获取 form-create 表单对象 this.$refs.formCreateRef.validateForm((valid) => { if (valid) { // 验证成功后的逻辑 } else { // 验证失败后的逻辑 } }) ``` 在表单项中设置 `rules` 属性可以对表单项进行验证。该属性需要传入一个数组，数组中每个元素是一个对象，用于描述该表单项的验证规则。示例代码如下： ```javascript { type: 'input', field: 'username', title: '用户名', rules: [ { required: true, message: '请输入用户名', trigger: 'blur' }, { min: 3, max: 6, message: '长度在 3 到 6 个字符', trigger: 'blur' } ] } ``` 在上述代码中，`rules` 属性包含两个元素，第一个元素表示必填项验证规则，第二个元素表示长度验证规则。 更多关于 `rules` 属性的使用可以参考官方文档：[表单验证](https://form-create.com/v2/guide/form-validate.html)。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值