-1

出于某种原因,当我点击“取消”按钮时,textarea 在当前在其中的任何文本之前接收 26 个空格,并在其后接收回车符。这是取消按钮的传统样式(仅限 HTML),如下所示:

<button type="reset" name="reset" class="btn btn-default" value="Cancel">Cancel</button>

当我添加 AngularJS 指令(ng-click)时,它会删除文本,但仍会添加空格和回车:

<button type="reset" name="reset" class="btn btn-default" value="Cancel" ng-click="vm.resetFields()">Cancel</button>

如果我从取消按钮中删除“值”属性,则无论验证状态如何,表单都会提交,但取消按钮的行为正常。这意味着它提交了一个完全空白的表单,并且在重新加载表单时(通过后退按钮或显示“重试”的按钮)它显示为完全空的(数据通过数据服务持久化),正如预期的那样。

textarea 使用 AngularJS 进行样式设置,在这些取消按钮重新配置过程中,我没有更改它。它的配置如下:

<textarea ng-model="vm.issue" id="issue" name="issue" placeholder="Enter a description" wrap="hard" rows="5" ng-required="true" ng-minlength="10"
   class="form-control skinny" ng-maxlength="500" ng-pattern="/^[a-z 0-9-.,?!']{10,500}$/i">{{vm.issue}}</textarea>

有什么建议可以停止这种不提交空表单的空间包含?

4

1 回答 1

1

更改按钮类型

<input type="button" name="reset" class="btn btn-default" value="Cancel" ng-click="vm.resetFields()" />
于 2015-07-30T17:44:29.267 回答