js消息框

最新推荐文章于 2025-09-09 16:55:30 发布

转载最新推荐文章于 2025-09-09 16:55:30 发布 · 70 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/enych/p/8032106.html

文章标签：

#javascript #ViewUI

本文介绍了一种使用JavaScript和jQuery实现的网页元素删除功能及登录表单验证的方法。通过弹窗确认删除操作并即时反馈删除成功信息。同时，对用户输入进行有效性检查，确保用户名不少于4位字符，密码不少于6位字符。

<script>       
        function del(obj, id) {
                layer.confirm('是否要删除信息!',
                    { btn: ['确定', '取消'] },
                    function (index, layero) {
                        //请求地址 
                        //判断返回数据
                        $(obj).parent().parent().remove();
                        layer.msg("删除成功!", { icon: 1, time: 1000 });
                    });
            }
     </script>
<a onclick="del(this,null)">删除</a>

 <script type="text/javascript">
        $(function () {
            //获取按钮单击事件
            $("#btnLogin").click(function () {
                var Name = $("#form-username").val(); //获取用户名
                var Pwd = $("#form-password").val(); //获取密码
                //用户名最低4位
                //密码最低6位
                if (Name.length < 4) {
                    layer.msg('用户名输入有误 ', { icon: 2 });
                    return;
                }
                if (Pwd.length < 6) {
                    layer.msg('密码输入有误! ', { icon: 2 });
                    return;
                }
                //把数据提交给服务器
                //输入框内容为空格时候 提交是http://localhost/?username=%20%20%20%20%20&password=%20%20%20%20%20%20 能提交
                $.get("/Login/Login", { Name: Name, Pwd: Pwd }, function (data) {
                    if (data == "ok") {
                        //登录成功
                        //直接跳转页面
                        layer.msg("登录成功", { icon: 1 });
                        location.href = "/Home/Index";

                    } else {
                        //登录失败
                        //data;
                        layer.msg(data, { icon: 2 });
                    }

                });

            });

        })
    </script>