validform 自定义校验_weixin_30701575的博客-程序员秘密

validform虽然很强大,但是依然不能满足我们各种奇葩的校验,这是时候就需要我们自己去手写。

vaildform 也是基于jq的,正常我们需要引入5个文件 

      

     supply 是我们自定义方法的js文件

     .css 是自带的样式  -> 弹窗提示 等等

     validform_v5.3.2.js是主文件

     当然我们还需要一个当前页面的js文件和jquery文件 ,例如index.js等等

那么如何做到html页面没有js呢?

上述文件全部按正确顺序导入之后,我们首先布置一下supply文件,其实是用了validform的方法在jq上进行扩展插件 

extend 方法:http://www.cnblogs.com/NTWang/p/6175773.html

然后你只需要在当前页面的js文件中 执行它

  元素为form表单的class,

然后你在html页面中就可以随意调用了

 

 最终的效果:

 

转载于:https://www.cnblogs.com/NTWang/p/6671366.html

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_30701575/article/details/96688580

智能推荐

Word的图片插入_Joccia的博客-程序员秘密

C#对Word表格进行图片插入)一、准备二、步骤1.添加引用2.输入代码注:注意添加相应的Word文档和图片Spire.doc的引用,AppendPicture的调用一、准备 Visual Studio 2015及以上Free Spire.Doc for .NET(免费版)Spire.Doc 获取网址https://www.e-iceblue.cn/Introduce/Free-Spire-Doc-NET.html二、步骤1.添加引用右键引用,找到安装后的.dll文件,一般默认安装路径

Spark:sortBy和sortByKey的函数详解_smallboy2011的博客-程序员秘密

在很多应用场景都需要对结果数据进行排序,Spark中有时也不例外。在Spark中存在两种对RDD进行排序的函数,分别是 sortBy和sortByKey函数。sortBy是对标准的RDD进行排序,它是从Spark 0.9.0之后才引入的(可以参见SPARK-1063)。而sortByKey函数是对PairRDD进行排序,也就是有Key和Value的RDD。下面将分别对这两个函数的实现以及使用进

2020-07-08_Thesmophoria的博客-程序员秘密

Shadowrocket: 2020-07-08 16:31:55[General]update-url = https://apps.apple.com/cn/app/apple-developer/id640199958[Rule]DOMAIN-SUFFIX,SpheroMini机器人https://store.apple.com/cn/xc/product/HMA62Z/A,PROXY,force-remote-dns[General]bypass-tun =update-url = h

生成csv文件的两种简便方法_墨瞳july的博客-程序员秘密

1.在cmd终端进入到需要提取文件名的

Activity did not call finish() prior to onResume() completing原因和解决办法_xingnan4414的博客-程序员秘密

最近发现一个针对6.0 Activity使用Theme.NoDisplay style 时候爆出这个log, Google的处理方式是直接fatal crash,很蛋疼。 log里面给出了解决方法,在onResume方法之前要调用finish,确实调用了没问题了,但是不知道原因,最后还是在StackOverflow 查到了。 我大体翻译一下:如果在6.0手机上你的Activity主题使用了NoDi

react 回显 HTML字符串信息_御风傲天的博客-程序员秘密_react 显示html字符串

在开发项目中,用到了富文本编辑器,给后台传的字段值是html的字符串,比如“<div><p>123456</p></div>”回显显示的时候,后台返回的也是 text: “<div><p>123456</p></div>”原生js,你可以用 innerHtml来搞定了。此时在react,jsx的中如何回显呢?方案一: 写个div,原生js来搞<div className="strTmp.

随便推点

EAS BOS:设置大文本控件(KDTextArea)滚动条_wimpykids的博客-程序员秘密

设置大文本控件(KDTextArea)滚动条的简易方法,避免使用多语言的大文本控件:第一步:定义KDScrollPane变量protected com.kingdee.bos.ctrl.swing.KDScrollPane scrollPaneType;第二步:重构initUIContentLayout() 方法并实现给大文本添加滚动Pane的代码public void initUIContentLayout() {super.initUIContentLayout();scro...

投影法快速求二叉树的三种遍历_趣学算法的博客-程序员秘密_二叉树投影法

 二叉树的遍历,如果是手工画图,还可以使用投影法快速得到遍历序列。以下图二叉树为例,讲解投影法快速得到遍历序列的过程。(1)          中序遍历中序遍历就像在无风的情况下,太阳直射,将所有的结点投影到地上。顺序为左子树、根、右子树。如图 所示。图中的二叉树,其先序序列投影如图所示。中序遍历序列为:DBEAFGC。     (2)          先序遍历先...

Easyui combobox 设置默认值_StarsRu丶星星茹的博客-程序员秘密_easyui-combobox 设置默认值

$('#cc').combobox({    url:'Ajax/UserManager.ashx?method=GetDate',    valueField:'id',    textField:'text',    value:"0"  //默认选中value指定的选项});

【Mint-UI】Picker之省市区三级联动(动态获取数据)_NAMECZ的博客-程序员秘密

前一段时间写了一个基于微信端的保险项目,用到了mint-ui的picker,当时在选择地区的三级联动这一块,确实徘徊很长时间,很大程度是因为不太理解mint-ui的文档,用了很多很复杂的方法,最后还是苦心钻研文档,才发现,官方提供的方法写起来非常简单。现在回过头来,觉得有必要记录一下,指引那些和我曾经一样懵懂的少年。ok,抒情到此为止,介绍一下背景,项目没有搭建vue脚手架,引入的vue和mint...

springboot Junit单元测试之坑[email protected]注解无法加载src/main/resources目录下资源文件_FollowYourHeart2015的博客-程序员秘密_springboottest找不到启动类

Springboot微服务框架是目前越来越流行的框架,省去了很多繁琐的xml配置。最近新启了个项目,采用SpringBoot框架从头搭建,中间也遇到过各种坑,现在先描述一下 Junit4单元测试之坑吧。结论:@SpringBootTest注解,只会加载test路径下的资源文件(即xml配置),并不会加载main路径下的资源文件,这点很坑。。。环境及问题描述:1.SpringBoot版本:...

linux系统下每次git pull输入用户名密码_lzxomg的博客-程序员秘密

方式一 git配置在用户家目录~生成.git-credentialsusername和password换成你自己的echo "https://{username}:{password}@github.com" > .git-credentials添加到git 全局配置git config --global credential.helper store查看git配置g...