[造轮子]HTML表单校验,基于jQuery(xValidator v0.5)
发布于 2 年前 作者 itonyday 1400 次浏览 来自 分享

捣鼓了一个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;
                }
            });
        });
回到顶部