jquery轻量级表单验证插件

所属分类：网页特效-表单验证 2023-08-28 11:40:24

190 0 查看评论 (0)

反馈问题查看演示登录后下载 温馨提示
登录会员即可享受免费下载我要建站

资源描述：inputfollow.js是一个超级小的表单验证器，支持必填字段、Email邮箱和and/OR/IF逻辑操作验证。

jquery轻量级表单验证插件（共15个文件）

src
- InputFollowMethod.ts
- InputFollowModel.ts
- const.ts
- index.ts
- types.ts
- instance.ts
- InputFollow.ts
dist
- jquery.inputfollow.min.js
- jquery.inputfollow.js
js
- script.js
- jquery.inputfollow.js
css
- style.css.map
- style.css

index.html

scss
- style.scss

使用方法

;(function ($) {
  $(function () {
    var target = $('form')
    var validate = target.inputfollow({
      rules: {
        name: { type: 'required' },
        name2: { type: 'required' },
        email: [{ type: 'required' }, { type: 'email' }],
        textarea: { type: 'required' },
        number: { type: 'number' },
        orreq01: { type: 'required', mode: 'or', with: ['orreq02'] },
        andreq01: { type: 'required', mode: 'and', with: ['andreq02'] },
        checkbox: { type: 'required' },
        if_target: { type: 'required', if: { if_from: 'checked' } },
      },
      messages: {
        name: { required: 'Name is Required.' },
        name2: { required: 'Name2 is Required.' },
        email: { required: 'E-mail is Required.', email: 'E-mail is Invalid.' },
        textarea: { required: 'Textarea Required is Required.' },
        orreq01: {
          required: 'Input "or required" 01 or 02 is Required.',
        },
        andreq01: {
          required: 'Input "and required" 01 and 02 is Required.',
        },
        checkbox: { required: 'Checkboxes is Required.' },
        if_target: { required: 'If you checked, this area is required.' },
      },
    })

    console.log(validate)
  })
})(jQuery)

站长提示：
1. 平台上所有素材资源，需注册登录会员方能正常下载。
2. 会员用户积极反馈网站、素材资源BUG或错误问题，每次奖励20K币。
3. PHP源码类素材，如需协助安装调试，或你有二次开发需求，可联系苦力吧客服。
4. 付费素材资源，需充值后方能下载，如有任何疑问可直接联系苦力吧客服