js姓名校验

最新推荐文章于 2024-07-17 11:23:05 发布

原创最新推荐文章于 2024-07-17 11:23:05 发布 · 6.5k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

前端专栏收录该内容

57 篇文章

订阅专栏

本文探讨了如何使用JavaScript进行姓名的验证，包括常见的字符限制、长度检查以及特殊字符处理。通过实例代码，展示如何创建一个健壮的姓名输入验证功能，确保用户输入的数据符合规范。

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

// 姓名校验
function checkName() {
    $("#nameCorrect").hide();
    var nameValue = document.getElementById("staffNameValue");
    var pattern = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>/?~！@#￥……&*（）;—|{}【】‘；：”“'。，、？]");
    if (pattern.test($.trim($(nameValue).val()))) {
        $("#staffNameValueError").html("账户姓名只能是汉字字母或数字");
        $("#staffNameValueError").css("display", "inline-block");
        return false;
    }
    if ($.trim(nameValue.value) == "") {
        $("#staffNameValueError").css("display", "inline-block");
        $("#staffNameValueError").html("请填写账户姓名");
        return false;
    }
    if (nameValue.value.length > 10) {
        $("#staffNameValueError").css("display", "inline-block");
        $("#staffNameValueError").html("账户姓名过长，请您最多输入10个汉字。");
        return false;
    }
    if (nameValue.value.length < 2) {
        $("#staffNameValueError").css("display", "inline-block");
        $("#staffNameValueError").html("账户姓名必须大于2个汉字");
        return false;
    } else if (stringHelper.checkScript(nameValue.value)) {
        $("#staffNameValueError").css("display", "inline-block");
        $("#staffNameValueError").html("账户姓名包含非法字符。");
        return false;
    } else {
        $("#staffNameValueError").hide();
        $("#nameCorrect").css("display", "inline-block");
        focusId = "";
    }
    return true;
}