素材牛

实用的表单验证插件verjs

 所属分类:网页特效-表单/验证

 浏览:60次-  下载:0次-  评论:0次-  发布时间:2019-03-25
实用的表单验证插件verjs兼容IE9
积分说明:注册即送5牛币,每天签到可获得5牛币,第三方账号登陆、注册直接赠送20牛币!    我要充值   更多积分说明»
项目地址(website):https://github.com/xingkong1993/verJs
素材描述:verjs是一款原生js代码编写的表单验证插件,提供了常用的10种表单验证方式。
 标签:表单验证

详细介绍

一、使用须知:

verjs是一款原生js代码编写的表单验证插件,提供了常用的10种表单验证方式,包括身份证号码验证、手机电话号码、电子邮箱验证、必填字段验证、正则自定义验证、多次对比验证、最大值/最小值验证……,后续功能正在开发中敬请期待

二、方法介绍

使用verJs.js只需在js中new一个既可以使用,如下面实例:

new VerJs({
   form:"#form",
   success:function (d) {
       alert(1)
   },
   fail:function (d) {
       alert(2)
   }
});
<form action="#" id="form" data-form="ajax">
   <fieldset>
       <div>form表单验证</div>
       <dl>
           <dt>必填</dt>
           <dd>
               <input type="text" data-required="参数不能为空" id="eq">
           </dd>
       </dl>
       <dl>
           <dt>相等</dt>
           <dd>
               <input type="text" data-equal="#eq" data-required="参数不能为空">
           </dd>
       </dl>
       <dl>
           <dt>最小/大值</dt>
           <dd>
               <input type="number" data-min="7" data-max="15">
           </dd>
       </dl>
       <dl>
           <dt>最小/大长度</dt>
           <dd>
               <input type="text" data-minlength="5" data-maxlength="15">
           </dd>
       </dl>
       <dl>
           <dt>手机</dt>
           <dd>
               <input type="text" data-mobile="true">
           </dd>
       </dl>
       <dl>
           <dt>邮箱</dt>
           <dd>
               <input type="text" data-email="true">
           </dd>
       </dl>
       <dl>
           <dt>身份证</dt>
           <dd>
               <input type="text" data-idcard="true">
           </dd>
       </dl>
       <dl>
           <dt>气泡+正则</dt>
           <dd>
               <input type="text" data-rule="^[A-Za-z]\w{5,11}$" data-rule-message="请输入6~12字符,以字母开头" data-required="请输入6~12字符,以字母开头" data-block="true">
           </dd>
       </dl>
       <button type="submit">提交</button>
   </fieldset>
</form>

文件目录结构

  • asset
    • js
      • ┝ jquery.min.js
  • ┝ index.html
  • ┝ README.md
  • verJs
    • need
      • ┝ common.css
      • ┝ iconfont.eot
      • ┝ iconfont.svg
      • ┝ iconfont.ttf
      • ┝ iconfont.woff
      • ┝ iconfont.woff2
      • ┝ vericon.css
    • ┝ verJs.min.js

讨论这个素材(0)回答他人问题或分享使用心得会奖励牛币

〒_〒 居然一个评论都没有……

 文明上网,理性发言!   😉 阿里云幸运券,戳我领取
我的牛币余额:0 已下载次数:0
所需牛币:5 开始下载

牛币获取:可通过签到、评论、充值、发布素材获得 » 牛币充值

会员账号
会员密码
安全验证