input输入值验证

最新推荐文章于 2023-09-12 17:35:03 发布

*千殇*

最新推荐文章于 2023-09-12 17:35:03 发布

阅读量2k

点赞数 1

分类专栏： JavaScript 文章标签： input输入值验证

本文链接：https://blog.youkuaiyun.com/weixin_44540178/article/details/94961593

版权

JavaScript 专栏收录该内容

11 篇文章

订阅专栏

通常我们在注册某个账号时，输入框中通常有许多的检验，输入的内容必须符检验的要求，才允许对下一步进行操作。
例如：我的
在这里插入图片描述
而其要进行的检验就有：

 //正则表达式
        //字母或字母与数字的组合验证
        function dsfdsfs(value) {
            var text = value;
            if (!(/^[0-9a-zA-Z]*$/g).test(text)) {
                return false;
            }
        }
        //中文,字母数字下划线验证
        function Name(value) {
            var text = value;
            if (!(/^[a-zA-Z0-9_\u4e00-\u9fa5]+$/).test(text)) {
                return false;
            }
        }
        //数字输入验证
        function digit(value) {
            var text = value;
            if (!(/^[a-z0-9]+$/).test(text)) {
                return false;
            }
        }

    //用户名验证
        $("#EmpUsName").blur(function () {
            var EmpUsName = $('#IntersEmployee [name = "EmpUsName"]').val();
            if (EmpUsName != "") {
                $("#divicon1").css("display", "none");
                var EmpUsName = $('#IntersEmployee [name = "EmpUsName"]').val();
                if (EmpUsName.length < 6 || EmpUsName.length > 20) {
                    $("#divicon9").css("display", "block");
                    $("#text1").css("display", "none");
                }
                else{
                    $("#divicon9").css("display", "none");
                    var EmpUsName = dsfdsfs($("#EmpUsName").val());//获取输入值调用验证方法进行验证
                    if (EmpUsName == false) {
                        $("#divicon8").css("display", "block");
                        $("#text1").css("display", "none");
                    }
                    else {
                        $("#divicon8").css("display", "none");
                        $("#EmpUsName").removeClass("red");
                        $("#text1").css("display", "block");
                    }
                }
            }
            else {
                $("#divicon1").css("display", "block");
                $("#divicon9").css("display", "none");
                $("#divicon8").css("display", "none");
                $("#EmpUsName").addClass("red");
                $("#text1").css("display", "none");
            }
        });
        //姓名
        $("#EmpName").blur(function () {
            var EmpName = $("#IntersEmployee [name = 'EmpName']").val();//姓名
            if (EmpName != "") {
                $("#divicon2").css("display", "none");
                var EmpName = Name($("#EmpName").val());//获取输入值调用验证方法进行验证
                if (EmpName == false) {
                    $("#divicon10").css("display", "block");
                    $("#text2").css("display", "none");
                }
                else {
                    $("#divicon10").css("display", "none");
                    $("#EmpName").removeClass("red");
                    $("#text2").css("display", "block");
                }
            }
            else {
                $("#divicon2").css("display", "block");
                $("#divicon10").css("display", "none");
                $("#EmpName").addClass("red");
                $("#text2").css("display", "none");
            }
        });