zoukankan      html  css  js  c++  java
  • 一个简单的表单验证JS

    这个表单验证支持空值,长度,范围,群组,ajax

    示例效果

    验证模式1 验证模式2

    类别 类别1 类别2 类别3 类别4
    项目 项目1 项目2 项目3 项目4
     

    示例代码

    Validator.add({
        id: 'Name', name: '用户名', type: 'require length ajax', min: 5, max: 200, 
        ajax: { 
            value: function() {
                if (document.getElementById('Name').value == 'known')
                    return true;
                else
                    return false;
            },
            message: '用户名已经存在!'
        }
    }); 
    Validator.add({ id: 'Password', name: '密码', type: 'require' });
    Validator.add({ id: 'Type', name: '类别', type: 'group' });
    Validator.add({ id: 'Item', name: '项目', type: 'group' });
    if (Validator.validate(document.forms[0].m[0].checked ? 1 : 2)) {
        Pop.confirm({
            info: '确认送出?',
            ok: function() { Pop.wait(); document.forms[0].submit(); },
            cancel: function() { return false; }
        });
    }
    return false;
    

    代码下载

  • 相关阅读:
    为什么学微信小程序开发
    mac 上配置sublime text3插件
    获取元素的宽度和高度
    移动端页面SEO优化需要注意的10个要点
    gulp详细入门教程
    HTTP协议详解
    深入了解 Flexbox 伸缩盒模型
    移动前端之viewport
    如何设置“用eclipse开发时自动在顶端产生import”?
    认识 java JVM虚拟机选项 Xms Xmx PermSize MaxPermSize 区别
  • 原文地址:https://www.cnblogs.com/known/p/1440426.html
Copyright © 2011-2022 走看看