登录界面表单验证

表单验证代码如下:

<script>
    $(function () {//登录界面验证js代码
        //点击登陆按钮时进行的判断
        $("#login").on("click", function () {
            if ($("#username").val() == "" || $("#password").val() == "") {
                $("#error").fadeIn(800).html("员工编号或密码不能为空!");
                return false;
            } else if (isNaN($("#username").val())) {
                $("#error").fadeIn(800).html("员工编号请输入数字格式!");
                return false;
            } else if (!(/^1[3|4|5|7|8][0-9]\d{8}$/.test($("#username").val()))) {
                $("#error").fadeIn(800).html("请输入正确的员工编号格式!");
                return false;
            } else {
                $("#error").fadeOut(400);
                //前端初步判断数据类型成功以后像后台发出请求来判断登陆是否成功
                $.ajax({
                    url: "###.jsp",
                    type: "post",
                    dataType: "json",
                    data: $('#ajaxFrm').serialize(),
                    success: function (data) {
                    },
                    error: function () {
                        alert("请求失败!");
                    }
                });
            }
            //window.open("../webpages/one.html", "_self");
        });
        //用户键盘按下enter键判断的事件
        document.onkeypress = function (event) {
            e = event ? event : (window.event ? window.event : null);
            var currKey = 0;
            currKey = e.keyCode || e.which || e.charCode;
            if (currKey == 13) {
                if ($("#username").val() == "" || $("#password").val() == "") {
                    $("#error").fadeIn(800).html("员工编号或密码不能为空!");
                    return false;
                } else if (isNaN($("#username").val())) {
                    $("#error").fadeIn(800).html("员工编号请输入数字!");
                    return false;
                } else if (!(/^1[3|4|5|7|8][0-9]\d{8}$/.test($("#username").val()))) {
                    $("#error").fadeIn(800).html("请输入正确的员工编号格式!");
                    return false;
                } else {
                    $("#error").fadeOut(400);
                    //前端初步判断数据类型成功以后像后台发出请求来判断登陆是否成功
                    $.ajax({
                        url: "###.jsp",
                        type: "post",
                        dataType: "json",
                        data: $('#ajaxFrm').serialize(),
                        success: function (data) {
                            //请求成功之后要做的事情
                        },
                        error: function () {
                            alert("请求失败!");
                        }
                    });
                }
            }
        };
    });
</script>

 http://www.cnblogs.com/phermis/articles/6669162.html

posted @ 2017-04-13 14:04  三高娘子  阅读(290)  评论(0)    收藏  举报