Javascript客户端验证常用函数

最新推荐文章于 2025-08-07 21:48:39 发布

luck0235

最新推荐文章于 2025-08-07 21:48:39 发布

阅读量1.3k

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： javascript email

本文链接：https://blog.youkuaiyun.com/luck0235/article/details/1144744

JavaScript 专栏收录该内容

2 篇文章

订阅专栏

本文提供了一组实用的JavaScript函数，用于实现网页表单的基本客户端验证，包括非空检查、特定值排除、电子邮件格式校验、密码规则设定、整数确认、两字段值对比及输入长度限定。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自己项目中必备的Javascript客户端验证函数：

//非空验证
function validNull(theId,msg)
{
    if(document.getElementById(theId).value == "")
    {
        window.alert(msg);
        document.getElementById(theId).focus();
        return false;
    }
    return true;
}
//某控件不能为某值
function validCant(theId,theValue,msg)
{
    if(document.getElementById(theId).value == theValue)
    {
        window.alert(msg);
        document.getElementById(theId).focus();
        return false;
    }
    return true;
}
//Email格式验证
function validEmail(theId,msg)
{
    var email = /^[_a-zA-Z0-9+.]+@([_a-zA-Z0-9]+.)+[a-zA-Z0-9]{2,3}$/;
    if(email.test(document.getElementById(theId).value))
    {
        return true;
    }
    else
    {
        window.alert(msg);
        document.getElementById(theId).focus();
        return false;
    }
}
//密码验证,不能包含特殊字符<>"'和空格
function validPassword(theId,msg)
{
    var reg = /^[^<>'" ]*$/;
    if(reg.test(document.getElementById(theId).value))
    {
        return true;
    }
    else
    {
        window.alert(msg);
        document.getElementById(theId).focus();
        return false;
    }
}
//整数验证
function validInt(theId)
{
    var myInt = /^d*$/;
    if(myInt.test(document.getElementById(theId).value))
    {
        return true;
    }
    else
    {
        window.alert(msg);
        document.getElementById(theId).focus();
        return false;
    }
}
//两值比较
function validCompare(theId1,theId2,msg)
{
    if(document.getElementById(theId1).value == document.getElementById(theId2).value)
    {
        return true;
    }
    else
    {
        window.alert(msg);
        document.getElementById(theId1).focus();
        return false;
    }
}
//字段长度验证(x位至y位)
function validLength(theId,x,y,msg)
{
    if(document.getElementById(theId).value.length < x || document.getElementById(theId).value.length > y)
    {
        window.alert(msg);
        document.getElementById(theId).focus();
        return false;
    }
    return true;
}