laravel 5 和 angular js 关于表单验证答案

【问题标题】：laravel 5 and angular js on form validationlaravel 5 和 angular js 关于表单验证
【发布时间】：2016-06-27 15:01:36
【问题描述】：

我在 laravel 5 中安装了 angularjs 1.5.7，我使用 gulp 将我所有的 js 文件放在一个文件中，包括 angularjs。当我想要表单验证工作时，我的问题就来了。这是我的代码

<form  action="/sponsored" name="angularform" id="mpesa_form" method="POST" novalidate  role="form" />           
    <div class="form-group">                    
        <label for="sponsor_name">Sponsor Name:</label>
        <input type="text" name="sponsor_name" id="sponsor_name" class="form-control" value="{{old('')}}" ng-model="editable.sponsor_name" required />

        <span ng-if="angularform.sponsor_name.$error.required">Sponsor Name field is Required</span>      
    </div>


    <div class="form-group">
        <button type="submit" class="btn btn-primary">Sponsor</button>  
    </div>
</form>

它假设的工作方式是，当用户在输入框中插入字母或数字时，“赞助商名称字段是必需的”错误应该消失，但在我的情况下它不起作用。

我已经测试了其他 angularjs 功能并且它可以工作，但是应该隐藏错误的变量“$error”不起作用。

【问题讨论】：

标签： javascript php angularjs laravel-5

【解决方案1】：

这是工作狙击。希望对你有帮助...

<form action="/sponsored" name="angularform" id="mpesa_form" method="POST" novalidate role="form">
  <div class="form-group">
    <label for="sponsor_name">Sponsor Name:</label>
    <input type="text" name="sponsor_name" id="sponsor_name" class="form-control" value="{{old('')}}" ng-model="editable.sponsor_name" required />

    <span ng-if="angularform.sponsor_name.$invalid">Sponsor Name field is Required</span>
  </div>


  <div class="form-group">
    <button type="submit" class="btn btn-primary">Sponsor</button>
  </div>
</form>

【讨论】：