validform插件基本使用与总结

引入插件如下:

在这里插入图片描述
其中的 validform.css 就是下载下来的包里面的 style.css 文件中 /*==========以下部分是Validform必须的===========*/ 这行代码以下的。

html页面引入:

在js文件中引入或者在html页面通过script 标签引入都可以。

给需要验证的表单元素绑定附加属性
必须是一个form表单,每一条是一个input或者是textarea,绑定name,datatype,mullmsg,或者errormsg属性。
在这里插入图片描述
其中的datatype可以使用官网提供的已有的。也可以使用自定义的正则或者校验函数:

validform插件基本使用与总结_第1张图片

注意:

在使用input定义当前是一个文件类型的input框的时候,判断input中的value值(是否为空)是无效的

同样是一个js文件的,判断文件的mime类型不一定都是 text/javascript ,还有 application/x-javascript。所以可以直接判断文件的后缀名,省去很多的判断。

各类文件的mime对照表:
https://blog.csdn.net/weixin_33734979/article/details/84582017

你可能感兴趣的:(validform插件基本使用与总结)