一次无效输入后，HTML5模式不接受

Question

我在angularJS应用程序中使用html5模式，在页面加载后如果我输入有效输入它工作正常，如果我输入无效输入它通知错误，但在此之后它将不接受任何值。它显示有效和无效输入的错误。

以下是我正在使用的代码。

<div class="col-md-6 userform-leftspace">
    <div class="form-group  madotory-border">
        <input type="text" id="regular1" class="form-control" ng-model="systolicBp" pattern="/[0-9]{1,2,3}/" oninvalid="this.setCustomValidity('Please enter a valid reading')" required>
        <label for="regular1">Systolic Bp</label>
    </div>
</div>

请看一下，帮我解决这个问题。谢谢

Answer 1

尝试在输入标记中添加此代码：

oninput="this.setCustomValidity('')"