🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
表单校验使用的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 格式数据