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

收藏

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

0、请不要问“在不在”之类的问题，有问题直接问！1、学生或暂时没有工作的童鞋，整站资源免费下载！2、￥9.9充值终身VIP会员,加我微信，826096331 拉你进VIP群学习！3、程序员加油,技术改变世界。在线 充值

查看演示

加我微信，拉你进VIP群学习：

下载资源 下载积分： 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, "");
    }
}