🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
### Ajax 表单验证 项目开发中所有的 Form 表单验证都使用的是 bootstrapValidator 插件进行的前端验证,这里不多说,更多的使用看前端说明文档,这里是说一下基于插件进行后台交互验证的 Form 表单该怎么操作,常见的使用场景有,手机号验证是否已经注册等 **插件的调用** 插件的后台交互用到的 remote 方法, 参数有: > type: 协议类型 POST GET > url: 访问的后台URL路径 > message: 错误提示信息 > delay: 2000 延迟2秒请求,减少服务器压力 下面是完整的代码: ~~~ $('#all_rechange').bootstrapValidator({ message: '无效', feedbackIcons: { valid: 'glyphicon glyphicon-ok', invalid: 'glyphicon glyphicon-remove', validating: 'glyphicon glyphicon-refresh' }, fields: { username: { validators: { notEmpty: { message: '用户名不能为空' }, remote: { type: "post", url: "/index.php/User/detection", message: '用户名已经存在', delay: 2000 } } }, } }) ~~~ * * * * * **PHP 后台数据处理** 插件的接收判断参数名称是 valid ,参数true,false;因此在后台进行数据处理之后的返回结果也必须是满足插件的使用规范的 ~~~ if(!empty($users)) { $result = array("valid" => false); // 用户名不可以使用 } else { $result = array("valid" => true); // 用户名可以使用 } $this->ajaxReturn($result); ~~~