今天给大家介绍的是当下很流行的框架layui中的一个小案例、就是form表单监控提交并且使用ajax异步提交验证数据。在layui中我们想使用哪个模块就要layui.use('form',function{});这种形式要引用form内置模板，下面是HTML全部代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>注册</title>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<meta name="keywords" content="雷小天">
<meta name="description" content="雷小天博客-layui中使用form表单监听异步验证注册">
<link rel="stylesheet" href="__RES__/layui/css/layui.css" rel="external nofollow" >
<link rel="stylesheet" href="__RES__/css/global.css" rel="external nofollow" >
</head>
<body>
<div class="fly-header layui-bg-black">
<div class="layui-container">
<a class="fly-logo" href="{:U('device/getinfo')}" rel="external nofollow" >
<img src="/UploadFiles/2021-04-02/logo.png">
下面是ajax_reg逻辑方面，这是我的业务逻辑大家没必要照搬，知道怎么用就行了
//表单异步提交
public function ajax_reg(){
if(isset($_POST['phone'])&&isset($_POST['cardno'])){
$roomnostr = M("userinfo")->where(array('cardno'=>$_POST['cardno']))->getField('roomno');
if(!$roomnostr){
echo json_encode(array('status'=>'no','msg'=>'无效的卡片内码，请联系管理员！'));
exit();
}
$wechatinfo=$_SESSION['wechatinfo'];
if(!$wechatinfo){
echo json_encode(array('status'=>'no','msg'=>'页面已过期请重新扫码进入！'));
exit();
}
$result= M("weixin")->where(array('openid'=>$wechatinfo['openid']))->field('is_signup,area_id')->find();
$areaArr=explode('-',$result['area_id']);
// $result=M("weixin")->getFieldByOpenid($_POST['openid'],'is_signup');
if(isset($result)&&$result['is_signup']==1){//如果注册过一次下次只更新门区
$new_area=$roomnostr;
$reg=M("weixin")->where(array('openid'=>$wechatinfo['openid']))->save(array('area_id'=>$new_area));
echo json_encode(array('status'=>'no','type'=>'signuppass','msg'=>'你已注册为该门区的租户，请勿重复注册！'));
exit();
}else{
$data=array(
'is_signup'=>1,
'phone'=>$_POST['phone'],
'openid'=>$wechatinfo['openid'],
'nickname'=>$wechatinfo['nickname'],
'sex'=>$wechatinfo['sex'],
'headimgurl'=>$wechatinfo['headimgurl'],
'area_id'=>$roomnostr,
'regtime'=>time(),
'cardno'=>$_POST['cardno'],
);
$reg=M("weixin")->add($data);
if($reg){
echo json_encode(array('status'=>'yes','msg'=>'恭喜你，注册成功！'));
}
}
}
}
以上这篇在layui中使用form表单监听ajax异步验证注册的实例就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持。