一个简单的表单验证JS

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

示例效果

验证模式1 验证模式2

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

 

示例代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
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;

代码下载

posted @   known  阅读(1445)  评论(0编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 单线程的Redis速度为什么快?
· SQL Server 2025 AI相关能力初探
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 展开说说关于C#中ORM框架的用法!
点击右上角即可分享
微信分享提示