为什么当我点击不相关按钮时显示“请填写此字段”验证消息

Answer 1

由于输入元素上的

required

属性，您会看到该消息。当单击“增量”按钮时提交

form

时会显示它。

要停止该行为，请将

type="button"

属性添加到

button

：

<button type="button" style="margin-left:2px;" kendo-button="btnCellSizeIncrement" k-options="btnCellSizeIncrementOptions">
  <i class="fa fa-plus pi-icon pi-icon-plus"></i>
</button>

仅供参考，您应该在任何您

不

想要在单击时提交

type="button"

的 button 元素上添加

form

属性。

Answer 2

如果不是必填字段，请从此 HTML 中删除

required

属性，否则浏览器将在表单提交时显示此消息。确保您在单击单元格大小按钮时没有提交表单。

<input ng-model="Name" ng-readonly="view.readonly" ng-maxlength="100" type="text" class="form-control input-sm" id="cluster-name" placeholder="Name" required>

Answer 3

添加

novalidate

和表单标签作为必需属性，以便触发 HTML5 验证。

<form novalidate>
<div class="form-group"> <label for="name">Name</label> <input ng-model="Name" ng-readonly="view.readonly" ng-maxlength="100" type="text" class="form-control input-sm" id="cluster-name" placeholder="Name" required> </div>
</form>

Answer 4

我有一个按钮导致了同样的行为，当我不想要它时触发表单验证。我的按钮交换了一些表单字段。解决方案很简单：我没有将按钮定义为具有 onclick 事件的输入元素，而是将其更改为具有 onclick 事件的 img 元素。该按钮作用于表单，它不是表单的一部分，我认为与您的表单相同。