IT博客汇
  • 首页
  • 精华
  • 技术
  • 设计
  • 资讯
  • 扯淡
  • 权利声明
  • 登录 注册

    [造轮子]HTML表单校验,基于jQuery(xValidator v0.5)

    itonyday发表于 2017-03-29 05:52:43
    love 0

    捣鼓了一个HTML表单校验组件,基于jQuery。 请前辈指教。

    使用方法请参见 index.html,等有时间了,我再写个简单的上手说明。 https://github.com/itonyday/xValidator 使用方法: 注册校验规则:

     $("#btn2").click(function () {
                $("#box1").validator({
                    name: {
                        required: {
                            value: true,
                            msg: "name is requried."
                        }
                        // , minlength: 2
                        // , maxlength: {
                        //     value: 4,
                        //     msg: "最多4个字符。"
                        // }
                        // , msg: "name is required, at least 2 chars."
                        //msg:"name required."
                    }
                    // , faxNo:{
                    //     required:{
                    //         value:true,
                    //         msg:"fax no is required."
                    //     },
                    //     regex:{
                    //         value:/^\d{4}$/
                    //     },
                    //     msg:"fax no is required, and must be a proper format."
                    //     , msgElement:$("#phoneNo-v-msg")
                    // }
                    // , city:"required"
                    // , tickets:{
                    //     required:{
                    //         value:true,
                    //         msg:"请选择车票"
                    //     }
                    // }
                    // , certification:"required"
                    // , "hobby":{
                    //     required:true,
                    //     msgElement:$("#hobby-v-msg")
                    // }
                    // , email:{
                    //     email:true
                    //     , msg:"please input a valid email address."
                    // }
                    // , phoneNo: "number"
                    // , "age": {
                    //     required: {
                    //         value: true,
                    //         msg: "填报年龄审核。"
                    //     },
                    //     max: 60,
                    //     min: {
                    //         value: 18,
                    //         msg: "未成年人不得参加。"
                    //     },
                    //     msg: "18-60岁才能参加。"
                    // }
                    , content: function ($value) {
                        if ($value.indexOf("grape") != -1) {
                            $("#content-v-msg").hide();
                            return true;
                        }
                        $("#content-v-msg").show().html("内容要包括 grape 单词。");
                        return false;
                    }
                });
            });
    


沪ICP备19023445号-2号
友情链接