bootstrapValidator 重置表单

摘要:
最近在公司做业务系统后台,用的js框架还是jqueryui框架是以bootstrap为基础的beyondadmin-v1.4.s3这套,用起来还挺不错,所以公司所有的后台ui都使用这套。这套ui框架表单验证也使用的是bootstrapvalidate这个插件,比较流行的。我试着是判断最小值,如果最小值存在,则给最大值的值的输入框添加必填的attr属性,但是并没有效果。没有提示用户最大值必填。

最近在公司做业务系统后台,用的js框架还是jquery ui框架 是以bootstrap为基础的beyondadmin-v1.4.s3这套,用起来还挺不错,所以公司所有的后台ui都使用这套。这套ui框架表单验证也使用的是bootstrap validate这个插件,比较流行的。文档和教程都还挺多的。功能比较齐全,扩展性也很好。

这次碰到问题就是 产品中的 有个关于房产的成数范围问题,如果最大值和最小值都不填的话,不做校验,但是如果填了最小值就一定要有最大值,后台是这么校验的,但是前端并不这么校验,前端对最大值最小值没有必填的校验,而这套框架前端校验如果通过的话,第二次在点提交按钮就会disabled,这样会给用户带来一个困扰就是不知如下进行下一步做提交事件,所以我就一直想办法怎么解决这个问题,试了很多种方法。

我试着是判断最小值,如果最小值存在,则给最大值的值的输入框添加必填的attr属性,但是并没有效果。没有提示用户最大值必填。

也试着在在校验方法校验这两个值大小,也没有效果

最后我想到的就是一个比较猥琐而暴力的方法就是 当后台校验不成功,我就重新校验表单,这样就不会让提交按钮disabled ,让用户继续操作。

关键代码:

bootstrapValidator 重置表单第1张

$(".form-horizontal").data("bootstrapValidator").resetForm();

但其实这样感觉也不太友好,后续还是想直接校验在对应的位置上,提示用户哪里要填写

免责声明:文章转载自《bootstrapValidator 重置表单》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇C#实现打印与打印预览功能两种接口传送数据协议(xml和json)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

jquery.validate.js的Validate表单验证

原文连接 https://blog.csdn.net/weixin_42765270/article/details/84591593 validate 一、 validate的使用步骤 引入jquery.min.js 引入 jquery.validate.js 页面加载后对表单进行验证 $("#表单id名").validate({}) 在valid...

SpringBoot框架:快速入门搭建运行一个应用程序(一)

一、环境配置 Java环境:1.8版本 开发工具:IntelliJIDEA 二、简单应用 1、创建项目 选择创建的项目类型为Spring Initializr,Project SDK选择1.8版本的java: 选择java版本为8,作为一个入门的简单应用,暂时无需配置其他的项,直接Next即可: 勾选Web中的Spring Web选项,点击Next:...

Hadoop的数据采集框架

问题导读: Hadoop数据采集框架都有哪些? Hadoop数据采集框架异同及适用场景? Hadoop提供了一个高度容错的分布式存储系统,帮助我们实现集中式的数据分析和数据共享。在日常应用中我们比如要将各种数据采集到HDFS存储服务中去,说到将数据采集到HDFS,我们熟知的框架包括: Apache Sqoop Apache Flume Gobblin D...

angular 使用bootstratp模态框+响应式表单+响应式表单的验证+子窗关闭父窗口刷新

This is quite big project today 这次有以下几个功能: 1.ng-bootstrap模态框 2.响应式表单 3.响应式表单的验证  4.子窗关闭父窗口刷新 其实这几个哪一个都能写一个话题,事情太多了,时间紧任务重,一起写了吧: ng-bootstrap模态框所需要的条件(very very important),如果写错,查错...

.NET(C#)主流ORM总揽

  前言 在以前的一篇文章中,为大家分享了《什么是ORM?为什么用ORM?浅析ORM的使用及利弊》。那么,在目前的.NET(C#)的世界里,有哪些主流的ORM,SqlSugar,Dapper,Entity Framework(EF)还是ServiceStack.OrmLite?或者是你还有更好的ORM推荐呢? 如果有的话,不防也一起分享给大家。 http...

Winform布局开源框架,Winform控件框架,插件化框架

  什么是Winform框架?   Winform框架是基于.NET开发平台研发的用于快速开发软件项目的软件模板或开发平台,常用的程序语言有C#.NET, VB.NET。   通常Winform框架界面组件使用第三方控件,如:DevExpress,该控件功能强调,用户体验友好。 若全部采用.NET原生组件,开发效率低,界面不美观,用户体验差,特别是基于数...