最新赞助活动温馨提示:9.9元终身VIP,学生和没有工作的整站资源免费下载!
头像

XformCheck邮箱、中文、手机号和数字实时验证

来源:http://www.erdangjiade.com/ 二当家的 2016-02-25 19:38浏览(1529)

XformCheck表单验证插件支持多种输入框类型验证,里面包含邮箱email、中文、手机号和数字验证。

1、请不要问“在不在”之类的问题,有问题直接问!2、学生或暂时没有工作的童鞋,整站资源免费下载!3、¥9.9充值终身VIP会员,整站资源无任何限制下载!5、程序员加油,交流群:782128964 在线 充值

XformCheck邮箱、中文、手机号和数字实时验证
分类:表单代码 > 表单插件 难易:中级
查看演示 下载资源: 128

关注微信号获取此Demo视频教程:

下载资源 下载积分: 30 积分

表单输入框验证类型

<form method="post" action="">
    <ul class="formbox">
        <li>
            <label>邮箱地址:</label><input type="text" name="email" class="text" />
        </li>
        <li>
            <label>不能为空:</label><input type="text" name="address" class="text" />
        </li>

        <li>
            <label>年龄:</label><input type="text" name="jsfoot" class="text" />
        </li>
        <li>
            <label>真实姓名:</label><input type="text" name="trueName" class="text" />
        </li>

        <li>
            <label>任意可选项:</label><input type="text" name="buildType" class="text" />
        </li>
        <li>
            <label>手机号码:</label><input type="text" name="PhoneCall" class="text" />
        </li>
        <li>
            <label>&nbsp;</label><input type="submit" class="btnimg" value="提交" />
        </li>
    </ul>
</form>
// 调用示例
var checkobj = {
    mail: "email", //验证邮箱格式
    phone: "PhoneCall", //验证手机号码
    num: "jsfoot", //验证数字格式
    chinese: "trueName", //验证中文汉字
    address: "address"     //验证空值
}
XformCheck(document.forms[0], checkobj);
/*
 descript : XformCheck;
 author   : erdangjiade.com
 date     : 2008-6-22
 @pram xfromElement 需要检测的form对象
 @pram checkobj 设置需要检测的项
 默认有mail(邮件地址)、phone(手机或固定电话)、num(数字)、chinese(汉字)、empty(是否为空)、length(长度)、url(url地址合法)等检测
 //例如:如果某一项name为"xxx"需要检测email格式,则给checkobj中添加{mail:"xxx"},如果仅仅是检测是否为空,则直接添加{xxx,"xxx"}即可*/
function XformCheck(xfromElement, checkobj) {
    var om = {};
    if (checkobj) {
        om = checkobj
    }
    if (!xfromElement) {
        return false;
    }
    for (var o in checkobj) {
        xfromElement[checkobj[o]].onblur = function(e) {
            e = window.event || e;
            var eSrc = e.srcElement || e.target;
            var Xvalue = trim(this.value);

            if (isEmpty(Xvalue)) {
                ShowMes(eSrc, "此项不能为空", "wrong");
            } else {
                switch (this.name) {
                    case om.mail:
                        if (!isEmail(Xvalue)) {
                            ShowMes(eSrc, "邮箱地址不正确", "wrong");
                        } else {
                            ShowMes(eSrc, "", "right");
                        }
                        break;

                    case om.phone:
                        if (!isPhone(Xvalue)) {
                            ShowMes(eSrc, "电话号码格式不正确", "wrong");
                        } else {
                            ShowMes(eSrc, "", "right");
                        }
                        break;

                    case om.num :
                        if (!isNum(Xvalue)) {
                            ShowMes(eSrc, "只能是数字", "wrong");
                        } else {
                            ShowMes(eSrc, "", "right");
                        }
                        break;

                    case om.chinese :
                        if (!isChinese(Xvalue)) {
                            ShowMes(eSrc, "必须为汉字", "wrong");
                        } else {
                            ShowMes(eSrc, "", "right")
                        }
                        break;

                    case om.url :
                        if (!isUrl(Xvalue)) {
                            ShowMes(eSrc, "url地址不正确", "wrong");
                        } else {
                            ShowMes(eSrc, "", "right");
                        }
                        break;

                    case om.length :
                        if (!isProperLen(Xvalue)) {
                            ShowMes(eSrc, "长度不正确不正确", "wrong");
                        } else {
                            ShowMes(eSrc, "", "right");
                        }
                        break;

                    default :
                        ShowMes(eSrc, "", "right")
                }
            }
        }
    }

    /*判断为空*/
    function isEmpty(o) {
        return o == "" ? true : false;
    }
    /*判断是否为合适长度 6-32 位*/
    function isProperLen(o) {
        var len = o.replace(/[^\x00-\xff]/g, "11").length;
        if (len > 32 || len < 6) {
            return false;
        } else {
            return true;
        }
    }
    /*判断是否为Email*/
    function isEmail(o) {
        var reg = /^\w+\@[a-zA-Z0-9]+\.[a-zA-Z]{2,4}$/i;
        return reg.test(o);
    }
    /*判断url是否正确*/
    function isUrl(o) {
        var reg = /^(http\:\/\/)?(\w+\.)+\w{2,3}((\/\w+)+(\w+\.\w+)?)?$/;
        return reg.test(o);
    }
    /*判断是否为电话号码 可以是手机或 固定电话*/
    function isPhone(v) {
        var reg = /((15[89])\d{8})|((13)\d{9})|(0[1-9]{2,3}\-?[1-9]{6,7})/i;
        if (reg.test(v)) {
            return true;
        } else {
            return false;
        }
    }
    function isNum(o) {
        var reg = /[^\d]+/;
        return reg.test(o) ? false : true;
    }
    function isChinese(o) {
        var reg = /^[\u4E00-\u9FA5]+$/;
        return reg.test(o);
    }
    /*去除空白字符*/
    function trim(str) {
        return str.replace(/(^\s*)|(\s*$)/g, "");
    }
}
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/801.html
评论1
头像

友情提示:垃圾评论一律封号 最新福利:领取阿里云限量2000通用代金券

  • 头像 沙发
    06-02 08:21
    qqlixiangabc
    不错的正则匹配啊啊。。
1 2