861模板网站 > 网页特效 > 表单代码 > 常用的正则表达式实现表单验证的代码示例

常用的正则表达式实现表单验证的代码示例

表单验证是网页开发中的一个重要环节，它可以检查用户输入的数据是否符合要求，从而确保网站的安全性和正确性。如下：

1. 验证用户名

// 验证用户名
function checkUsername(username) {
    let reg = /^[a-zA-Z][a-zA-Z0-9_]{4,15}$/;
    if(reg.test(username)) {
        return true;
    } else {
        return false;
    }
}

2. 验证密码

// 验证密码
function checkPassword(password) {
    let reg = /^[a-zA-Z]\w{5,17}$/;
    if(reg.test(password)) {
        return true;
    } else {
        return false;
    }
}

3. 验证手机号码

// 验证手机号码
function checkPhone(phone) {
    let reg = /^1[34578]\d{9}$/;
    if(reg.test(phone)) {
        return true;
    } else {
        return false;
    }
}

4. 验证邮箱

// 验证邮箱
function checkEmail(email) {
    let reg = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
    if(reg.test(email)) {
        return true;
    } else {
        return false;
    }
}

5. 验证网址

// 验证网址
function checkUrl(url) {
    let reg = /^https?:\/\/(([a-zA-Z0-9_-])+(\.)?)*(:\d+)?(\/((\.)?(\?)?=?&?[a-zA-Z0-9_-](\?)?)*)*$/i;
    if(reg.test(url)) {
        return true;
    } else {
        return false;
    }
}

6. 验证身份证号码

// 验证身份证号码
function checkIdCard(idCard) {
    let reg = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$|^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;
    if(reg.test(idCard)) {
        return true;
    } else {
        return false;
    }
}

7. 验证IP地址

// 验证IP地址
function checkIp(ip) {
    let reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
    if(reg.test(ip)) {
        return true;
    } else {
        return false;
    }
}