为什么点击取消按钮会将空格和回车 return 放入文本区域？

Question

出于某种原因，当我点击 "cancel" 按钮时，文本区域在当前包含的任何文本之前接收到 26 个空格，在它之后接收到回车符 return。这是取消按钮的传统样式（仅 HTML）如下：

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

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

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

如果我从取消按钮中删除 "value" 属性，无论验证状态如何，表单都会提交，但取消按钮的行为正常。这意味着它提交了一个完全空白的表单，并且在重新加载表单时（通过后退按钮或显示 "retry" 的按钮）它显示为完全空的（数据通过数据服务保留），正如预期的那样。

文本区域的样式为 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>

对于停止不提交空表单的空间包含有任何建议吗？

Answer 1

更改按钮类型

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

为什么点击取消按钮会将空格和回车 return 放入文本区域？

Why does hitting the cancel button put spaces and a carriage return into the textarea?

html

textarea

cancel-button

angularjs