基于大模型的旅游平台（四）

本文叙述了登录界面js的书写。

用layui框架中form模块提供的用于表单字段校验的方法对表单字段进行验证，确保用户输入的数据符合要求。

用户名正则，4到10位（字母，数字，下划线）

let reg_uname = /^[a-zA-Z0-9]{4,10}$/;
if (!reg_uname.test(value)) {
    return "用户账号格式不正确,请重新输入";
    }

密码（最少6位，包括至少一位字母，一个数字）

var reg_uname = /(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d$@!%*#?&]{6,}$/;
if (!reg_uname.test(uname)) {
    return "密码格式不正确，请重新输入";
     }

验证码为四位

let reg_verify = /^\w{4}$/;
 if (!reg_verify.test(value)) {
     return "输入有误，验证码只能为四位";
     }

使用layui框架中form模块监听表单提交事件并使用jQuery的ajax方法发送异步请求的代码块

 form.on('submit(login)', function (data){

 var param=data.field;
 $.ajax({
    url:'/user/login/result',
     type:'post',
     data:JSON.stringify(param),
     contentType: "application/json; charset=utf-8",
     dataType:"json",
     success:function (data){
                //验证码错误或者用户不存在
                if (data.status==400 || data.status==401){
                    layer.msg(data.msg,{icon:0,time :3000});
                }
                //登录成功
                if (data.status==200){
                    layer.alert(data.msg,function (){
                        window.location.href='/index';
                    })

                }

            }

        });

    });