表單校驗使用的validform插件，官方網址：[http://validform.rjboy.cn/](http://validform.rjboy.cn/)，詳細使用方法請參考官方文檔 > 由于官方源碼總是在提交表單時無故彈框，我已注釋期中的幾行代碼，并且在其中加入了 [layer](http://layer.layui.com/) 的遮罩，請使用框架提供的源碼，框架提供的源碼必須和 layer 一起使用 ##使用示例 HTML 部分 ``` <form class="form form-horizontal" id="form" method="post" action="{:\\think\\Request::instance()->baseUrl()}"> <div class="row cl"> <label class="form-label col-xs-3 col-sm-3"><span class="c-red">*</span>標題：</label> <div class="formControls col-xs-6 col-sm-6"> <input type="text" class="input-text" value="{:isset($vo.title)?$vo.title:''}" placeholder="" name="title" datatype="*" nullmsg="請填寫標題"> </div> <div class="col-xs-3 col-sm-3"></div> </div> <div class="row cl"> <label class="form-label col-xs-3 col-sm-3"><span class="c-red">*</span>名稱：</label> <div class="formControls col-xs-6 col-sm-6"> <input type="text" class="input-text" value="{:isset($vo.name)?$vo.name:''}" placeholder="" name="name" datatype="/[A-Za-z0-9_]+/" nullmsg="請填寫名稱" errormsg="名稱只能是字母數字下劃線"> </div> <div class="col-xs-3 col-sm-3"></div> </div> </form> ``` JavaScript 部分 ``` $("#form").Validform({ tiptype: 2, ajaxPost: true, showAllError: true, callback: function (ret) { ajax_progress(ret); } }); ``` 提交表單時使用統一 ajax 處理方法處理返回的 json 格式數據