JS各种数据验证


//只允许输入数字和小数点,且第一位只能是数字
function   validateDecimals(obj){
    var   re   =   /^/d+(?=/.{0,1}/d+$|$)/
    if(obj.value!="")
    {
        if (!obj.value.match(re))
        {
            return false;
        }
    }
    return true;
}
function isDecimals(obj)
{
    if(!validateDecimals(obj))
    {
        alert("请输入数字和小数点,且第一位只能是数字");
        obj.value="";
        obj.focus();
    }
}

//只能输入数字
function isNumber(obj)
{
    if(isNaN(obj.value))
    {
        alert("请输入数字。");
        obj.value="";
        obj.focus();
    }
}

//只能输入字母和数字
function validateLetterDigit(obj)
{
    var usern = /^[a-zA-Z0-9]{1,}$/;
    if(obj.value!="")
    {
        if (!obj.value.match(usern))
        {
            return false;
        }
    }
    return true;
}
function isLetterDigit(obj)
{
    if(!validateLetterDigit(obj))
    {
        alert("请输入字母或数字");
        obj.value="";
        obj.focus();
    }
}

//只能输入字母数字下划线
function validateLetterDigitUnderline(obj)
{
    //var usern = /^[a-zA-Z0-9_]{1,}$/;
    var usern=/^([a-zA-z_]{1})([/w]*)$/;//首字母必须是下划线或字母
    if(obj.value!="")
    {
        if (!obj.value.match(usern))
        {
            return false;
        }
    }
    return true;
}
function isLetterDigitUnderline(obj)
{
    if(!validateLetterDigitUnderline(obj))
    {
        alert("请输入字母数字或下划线");
        obj.value="";
        obj.focus();
    }
}

//JS验证数据大小
function CheckValue(obj,maxValue)
{
    var objValue=parseInt(obj.value);
    if(!isNaN(objValue))
    {
        if(objValue>maxValue)
        {
            alert("只能输入小于"+maxValue+"的数字。");
            obj.value="";
            obj.focus();
        }
    }
}
//字符串长度限制(包括汉字)
function checkLength(obj,digit)
{
    var n=0;
    var str=obj.value;
    for(i=0;i<str.length;i++)
    {
        //转换成Unicode字符编码
        var leg=str.charCodeAt(i);
        if(leg>255) //中文(全角)
        {
            n+=2;
        }
        else //英文(半角)
        {
            n+=1;
        }
    }
    if(n>digit)
    {
        alert("输入长度超出了范围。");
        obj.value="";
        obj.focus();
    }
}

 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 客户端数据验证可以通过以下几种方式来实现: 1. 表单验证:在表单提交之前,通过 JavaScript 对用户输入的数据进行验证。可以使用 HTML5 自带的表单验证属性,如 `required`、`pattern`、`min`、`max` 等,也可以使用 JavaScript 编写自定义验证函数。 ```html <form onsubmit="return validateForm()"> <input type="text" id="name" required> <input type="email" id="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$" required> <input type="submit" value="Submit"> </form> <script> function validateForm() { var name = document.getElementById("name").value; var email = document.getElementById("email").value; // 自定义验证逻辑 if (name === "") { alert("请输入姓名"); return false; } if (email === "") { alert("请输入邮箱"); return false; } return true; } </script> ``` 2. 正则表达式验证:使用 JavaScript 正则表达式对数据进行格式验证。例如,验证邮箱格式: ```javascript function validateEmail(email) { var pattern = /^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$/; return pattern.test(email); } var email = "test@example.com"; if (validateEmail(email)) { console.log("邮箱格式正确"); } else { console.log("邮箱格式不正确"); } ``` 3. 第三方库:使用第三方库进行数据验证,如 jQuery Validation、Validator.js 等。这些库提供了更丰富的验证规则和错误提示功能,可以简化开发过程。 以上是一些常见的 JavaScript 客户端数据验证方法,根据具体需求选择适合的方式来实现数据验证

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值