Jquery表单验证插件,超漂亮H5,Easyform表单验证插件 返回
easyform是表单验证插件,支持复杂的表单验证规则,并且使用简单。甚至可以做到1行js搞定全部。
目前支持的控件有:input[text,radio,checkbox],textarea
表单验证,就是这么简单!

引用
<link rel="stylesheet" href="../easyform/easyform.css">
<script src="js/jquery-2.1.0.min.js"></script>
<script src="../easyform/easyform.js"></script>
其中,jquery-2.1.0.min.js是jQuery,随便选个流行的版本就行。不要低于1.7。顺序别颠倒,因为easyform依赖于jquery,所以要先加载jquery。最后,在document的ready里加上。
$("#form").easyform();
用法
你可以这样定义一个input,并且为它添加一些规则和提示信息。
<input name="uid" type="text" id="uid" data-easyform="length:4 16;char-normal;" data-message="用户名必须为4—16位的英文字母或数字" data-easytip="position:top;">
data-easyform 属性后面可以写上你所需要的规则,用半角的分号连接。语法上有些像css。这个属性不是必须的,你如果什么都不写,那么默认,这个控件的值不能为空,其余无任何规则。
data-message 属性是一个默认的提示信息,如果你连这个都不写,那么遇到错误时,会默认提示“格式错误”。你如果需要一个更好的提示信息,写在这里就可以。
data-easytip 这个属性是easytip的配置属性,可以不写,这样easytip就会按照默认的样式和行为初始化。
热忱回答(2)
-
簽約乄芐﹃站\/ka VIP0
2017/1/16屌屌
0 回复 -
李显宇 VIP0
2017/1/17不错 收下了
0 回复