Question

我在我的网页上使用了地图，当我点击“cellSize＆＃39;按钮填写字段警告出现。我不想这样。怎么解决这个问题？

警告如下：

这是我的文字字段：

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

这是我的增量按钮点击：

change: function () {
    this.trigger("spin");

    $scope.cellSizeCoefficient = this.value();
    $scope.$broadcast('mapCellSizeChanged', $scope.map);

    $.each($scope.cellShapes, function (index, cellShape) {
        var radius = getRadius(cellShape.Cell);
        cellShape.Circle.setRadius(radius);
        if (cellShape.Circle.label) {
            var labelLoc = findLocationAtDistanceFrom(cellShape.Cell.LOC, cellShape.Cell.AZ, radius);
            cellShape.Circle.label.setLatLng([labelLoc.Y, labelLoc.X]);
        }
    });
    if (selectedCellCircle) {
        var radius = getRadius(selectedCellCircle.Cell) + 50;
        selectedCellCircle.setRadius(radius);
    }
}

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属性。< / p>

Answer 2

如果此HTML不是必填字段，请从此HTML中删除<html> <head> <meta charset="utf-8"> <script scr ="lecture01.js"></script> </head> <body> this is a basic html page </body>属性，否则浏览器会在表单提交时显示此消息。确保在单击单元格大小按钮时没有提交表单。

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>

为什么＆＃34;请填写此字段＆＃34;点击不相关按钮时验证消息显示

3 个答案: