Easyform的使用

最近在搞后台方面的功能，都是手工写表单验证逻辑，哎，一个服务器端研发人员在写JS，想想都醉了…

表单验证插件不少，今天来介绍一下Easyform插件

>>官方网站<<

Easyform简介

Easyform 是一个基于JQuery的表单验证插件，支持复杂的表单验证规则，但使用却很简单。只要一行JS搞定全部。

目前支持的控件有：input[text，radio，checkbox]，textarea

表单验证判定，就是这么简单实现提示功能了！

第一次使用

按照文档添加以下样式和JS

<link rel="stylesheet" href="../easyform/easyform.css">

<script src="js/jquery-3.2.0.min.js"></script>
<script src="../easyform/easyform.js"></script>

JQuery随便选个新版本就行，作者说不要低于1.7。顺序别颠倒，因为Easyform依赖于jquery，所以要先加载jquery。

最后，在document的ready里加上。

$("#form").easyform();

哈，搞定，测试功能，擦，完全没有反应…

差点就放弃了，今天无聊看了一下代码，还是使用的问题

我们后台页面中的提交按钮是Bootstrap里复制出来的

<button type="submit" class="btn btn-primary btn-lg btn-block">确认修改</button>

而Easyform的JS代码却写着

//改写 submit 的属性，便于控制
this.submit_button = this.form.find("input:submit");

总算明白作者所说的

** 目前支持的控件有：input[text，radio，checkbox]，textarea **

修改HTML

<input type="submit" class="btn btn-primary btn-lg btn-block">确认修改</input>

改好生效，果然是这个问题嘛，但所以页面都要这样搞还是挺尴尬的…

修改JS

this.submit_button = this.form.find("button:submit");

同样管用，这样要方便得多，有没有负作用，目前还不清楚啦…

转载请注明原地址: http://blog.noark.xyz/article/2017/6/21/easyform的使用/

小流氓