Laravel 5将现有的验证用于AngularJS

时间:2015-07-29 12:40:21

标签: angularjs laravel angularjs-service laravel-5.1 laravel-validation

嗨我在laravel 5现有验证中遇到了问题。

在我的控制器和请求中。

class PostEmailRequest extends Request{
/**
 * Get the validation rules that apply to the request.
 *
 * @return array
 */
public function rules()
{
    return [
        'email' => 'required|max:255',
    ];
}}

它将返回电子邮件的验证作为示例。我想用angularjs做什么是我想要捕获验证并在我的前端表单上获取它。它不会重新加载页面。你对这个有什么想法吗?

我的应用程序中的表单将通过angularjs发送数据。 $ http post url“app / postPage”如果它的错误高于我的代码将$ validation-> messages()发送到我的angularjs。

1 个答案:

答案 0 :(得分:4)

您可以执行以下操作。

  • 制作POST验证路线,请说myapp.com/validateEmail
  • 使用anuglarJS的$http请求将要验证的数据发送到此路由。让我们说 Email
  • 验证数据并将验证对象作为JSON返回。您可以像这样发送JSON响应。 JSON Responses from docs
  • 在angularjs控制器中的范围模型中读取此JSON。在以下代码的success()中。

    $http.post('/someUrl', {msg:'hello word!'}).
      success(function(data, status, headers, config) {
    // this callback will be called asynchronously
    // when the response is available
     }).
    error(function(data, status, headers, config) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
    });
    
  • 根据HTML

  • 中的范围显示相应的错误