Question

我在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”不起作用。

Answer 1

这是工作 sniped 。希望它能帮助......

<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>

表格验证上的laravel 5和angular js

1 个答案: