基于jquery的simpleValidate简单验证插件

发布时间：2023-10-04 14:26:57 所属栏目：教程来源：

导读：如果你不需要做onfocus和onblur的即时验证，如果你不想对每个表格都通过JS定义验证规则，如果你只需要在提交的时候进行一次验证和反馈，如果你喜欢简约的代码结构，我觉得simpleValidate是不错的选择。

从关注度

如果你不需要做onfocus和onblur的即时验证，如果你不想对每个表格都通过JS定义验证规则，如果你只需要在提交的时候进行一次验证和反馈，如果你喜欢简约的代码结构，我觉得simpleValidate是不错的选择。

从关注度和下载量来看，这插件并不怎么受欢迎，不过不要紧，它是我的菜。

下载地址在最下边，开源的，DEMO很详细，相当容易上手。

原版不支持IE，原因是JSON的逗号和length是保留字的问题，修复方法就是把所有“}”前不必要的逗号删掉，变量length改用其他变量名，我改了一个，并对提示内容进行了汉化，目前正在使用，暂未发现其他BUG，下载地址：jquery.simple.validation.js

定义 data-rules 属性：

用井号“#”区分多个验证规则，用加号“+”附带验证对比值，用横杠“-”附带反馈项目标题，以下列一下基本写法

代码如下:

<input type="text" name="email" value="@" data-rules="邮箱-required#邮箱-valid_email" />

<input name="password" id="txt_pass" type="password" data-rules="密码-min_length+8#密码-max_length+16" />

<input name="password2" type="password" data-rules="确认密码-matches+txt_pass+密码" />

定义所有form在提交前都进行验证：

代码如下:

$('form').bind('submit',function(){

    var message=$(this).validate();

    if(message!==true){

        alert(message);

        return false;

    }

    return true;

});

（编辑：聊城站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!