thinkphp使用ajax表單上傳 · php知識點總結

## 1.form表單 ``` {include file="common/header"} <body> <div class="layui-fluid"> <div class="layui-row"> <form class="layui-form">  <div class="layui-form-item"> <label for="username" class="layui-form-label"> <span class="x-red">*</span>管理員名稱 </label> <div class="layui-input-inline"> <input type="text" id="username" name="username" required="required" lay-verify="username" autocomplete="off" class="layui-input" onblur="ajaxName()"> </div> <div class="layui-form-mid layui-word-aux"> <span class="x-red">*</span>將會成為您唯一的登入名 </div> </div> <div class="layui-form-item"> <label for="L_pass" class="layui-form-label"> <span class="x-red">*</span>密碼 </label> <div class="layui-input-inline"> <input type="password" id="L_pass" name="password" required="required" lay-verify="pass" autocomplete="off" class="layui-input"> </div> <div class="layui-form-mid layui-word-aux"> 6到16個字符 </div> </div> <div class="layui-form-item"> <label for="L_repass" class="layui-form-label"> <span class="x-red">*</span>確認密碼 </label> <div class="layui-input-inline"> <input type="password" id="L_repass" name="password" required="required" lay-verify="repass" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label for="L_email" class="layui-form-label"> <span class="x-red">*</span>郵箱 </label> <div class="layui-input-inline"> <input type="text" id="L_email" name="email" required="required" lay-verify="email" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">所屬用戶組</label> <div class="layui-input-inline"> <select name="role_id"> {volist name="role_data" id="role"} <option value="{$role.id}">{$role.remark}</option> {/volist} </select> </div> </div> <div class="layui-form-item"> <label class="layui-form-label">是否啟用</label> <div class="layui-input-block"> <input type="radio" name="status" value="1" title="是" checked=""><div class="layui-unselect layui-form-radio layui-form-radioed"><i class="layui-anim layui-icon layui-anim-scaleSpring"></i><div>是</div></div> <input type="radio" name="status" value="0" title="否"><div class="layui-unselect layui-form-radio"><i class="layui-anim layui-icon"></i><div>否</div></div> </div> </div> <div class="layui-form-item"> <label for="L_repass" class="layui-form-label"></label> <button class="layui-btn" lay-filter="add" lay-submit="">增加</button> </div> </form> </div> </div> <script> //ajax查詢是否重名 function ajaxName(){ var username = $('#username').val(); $.ajax({ type:"post", dataType:"json", data:{username:username}, url:"{:url('admin/ajaxName')}", success:function(data){ if (data.status == 1) { layer.alert(data.info, { title: '提示框', icon: 0, }); return false; } } },'json'); } layui.use(['form', 'layer'], function() { $ = layui.jquery; var form = layui.form, layer = layui.layer; //自定義驗證規則 form.verify({ username: function(value, item){ //value：表單的值、item：表單的DOM對象 if (value.length < 3) { return '管理員名稱至少得3個字符'; } if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)){ return '管理員名稱不能有特殊字符'; } if(/(^\_)|(\__)|(\_+$)/.test(value)){ return '管理員名稱首尾不能出現下劃線\'_\''; } if(/^\d+\d+\d$/.test(value)){ return '管理員名稱不能全為數字'; } }, pass: function(value, item){ if(!new RegExp("^[a-zA-Z0-9_\u4e00-\u9fa5\\s·]+$").test(value)){ return '密碼不能有特殊字符'; } if(/(^\_)|(\__)|(\_+$)/.test(value)){ return '密碼首尾不能出現下劃線\'_\''; } if(/^\d+\d+\d$/.test(value)){ return '密碼不能全為數字'; } if (value.length < 6) { return '密碼至少得3個字符'; } if (value.length > 16) { return '密碼最多16個字符'; } }, repass: function(value) { if ($('#L_pass').val() != $('#L_repass').val()) { return '兩次密碼不一致'; } }, }); //監聽提交 form.on('submit(add)', function(data) { //獲取表單數據 var dataadd = data.field; $.ajax({ type:"post", dataType:"json", data:{data:dataadd}, url:"{:url('admin/save')}", success:function(data){ if (data.status == 1) { layer.alert(data.info, { title: '提示框', icon: 0, }); } else { layer.alert(data.info, { title: '提示框', icon: 0, }); } } },'json'); return false; }); }); </script> </body> </html> ``` ## 2.控制器 ``` /** * 保存新建管理員 * * @param \think\Request $request * @return \think\Response */ public function save($data) { if (!Request()->isAjax()) { return json(array('status' => 0, 'info' => '提交類型錯誤')); } else { //驗證 $admin_username = db('admin')->field('username')->select(); if ($data['username'] == $admin_username['username']) { return json(array('status' => 0, 'info' => '管理員名稱不得重復！')); } if ( empty($data['username'])) { return json(array('status' => 0, 'info' => '管理員名稱不得為空！')); } if ( empty($data['password'])) { return json(array('status' => 0, 'info' => '密碼不得為空！')); } //獲取數據,除去所屬角色id $userData['username'] = $data['username']; $userData['password'] = md5(md5($data['password']) . $data['salt']); $userData['salt'] = getRandKey();//隨機一組數字 $userData['status'] = $data['status']; $userData['login_time'] = time(); $userData['login_ip'] = get_client_ip(); $userData['add_time'] = time(); $userData['email'] = $data['email']; $res = db('admin')->insert($userData, 0, 1); //添加管理員和角色中間表 $role_user['role_id'] =$data['role_id']; $role_user['user_id'] = $res; $roleadd = Db('role_user')->insert($role_user); if($res && $roleadd){ //記錄操作日志 save_log('管理員名稱:' . $userData['username'] . '添加成功', 2); return json(array('status' => 1, 'info' => '添加管理員成功')); }else{ return json(array('status' => 0, 'info' => '添加管理員失敗')); } } } ```