1.導入必要的CSS和JS文件 ~~~ <link rel="stylesheet" href="/tp5/public/static/layui/css/layui.css"> <script src="/tp5/public/static/js/jquery.min.js"></script> <script src="/tp5/public/static/layui/layui.js"></script> ~~~ 2.HTML源代碼 ~~~ <form class="layui-form" action=""> <div class="layui-form-item"> <label class="layui-form-label">sms_type</label> <div class="layui-input-block"> <input type="text" name="sms_type" required lay-verify="required" placeholder="請輸入短信類型，傳入值請填寫normal" autocomplete="off" class="layui-input"> </div> </div> <div class="layui-form-item"> <div class="layui-input-block"> <button class="layui-btn" lay-submit lay-filter="demo">提 交</button> <button type="reset" class="layui-btn layui-btn-primary">重置</button> </div> </div> </form> ~~~ 2.JS源代碼 ~~~ <script> layui.use('form', function(){ var form = layui.form(); //監聽提交 form.on('submit(*)', function(data){ $.ajax({ url:data.form.action, type:data.form.method, data: data.field, success: function (info) { if (info.code === 1) { setTimeout(function () { location.href = info.url; }, 1000); } layer.msg(info.msg); } }); return false; }); }); </script> ~~~