2023.4.3JavaScript基础

今天做了后台管理系统的前端的第一个用户登录界面，html部分直接引用的，根据现有的加了个验证码的操作：

 页面加载完成执行里面的代码

$(function () {
    layui.use('form', function () {
        var form = layui.form;
        console.log(form)
        form.verify({
            required: [/^[A-z0-9]{4,16}/,"用户名必须4到16位"],
            pass: [/(.+){6,12}$/, '密码必须6到12位'],
            code: [/^[a-z0-9]{4}/,"验证码格式错误"]
        });

        // layer.msg('玩命卖萌中', function(){
        //   //关闭后的操作
        //   });
        //监听提交
        form.on('submit(login)', function (data) {
            data= data.field;
            // alert(888)
            // layer.msg(JSON.stringify(data.field), function () {
            //     location.href = 'index.html'
            // });
            return false;
        });
    });
})

web.xml欢迎页

    <welcome-file-list>
        <welcome-file>/html/login.html</welcome-file>
    </welcome-file-list>