使用JQvalidate的showErrors方法来异步显示错误信息

Question

问题描述

我有一个需求就是当我提交表单后台验证失败会返回一个json数据里面有错误提示和发生错误的name,我想提交后发现错误马上显示到对应的错误位置下面展示返回来的错误信息应该怎么做?有没有解决的思路?

看网上有一些模糊的解决办法那个大神可以给点详细的解决办法谢谢我用的layui做后台管理

虽然现在越来越多的前端项目现在开始使用mvvm框架了，但仍然还是有一些在使用jquery，在使用jquery的时候，如果有表单验证常常使用的是jquery.validate这个验证框架进行数据验证，比如有一个登陆页面，如果只是前端验证，那么倒是没有什么问题，像用户名不能为空啊，邮箱格式不正确，密码位数限制等，这些只需求简单的配置即可，详细的见官方文档，这里不说了。但往往却不仅如此，如，当点击登陆按钮进行ajax登陆，反端返回了一个"用户名不存在"这样的错误信息也需要显示的给用户一个提示，那么这个错误信息一般显示的样式也需要与 jquery.validate框架提示的 "用户名不能为空" 这类的错误信息一致，这时候就需要调用validate的showErrors方法，如：

validate.showErrors({
     "username": data.msg
});

这里的data.msg是服务器返回的错误信息

"username", 这个是什么呢？这个是指的哪一个输入框相关的错误，这里必须与对应的输入框的 name 属性的值一致。