编辑输入时要隐藏的角度验证消息
提问于 2019-10-09 06:59:56
我在我的页面中有以下html内容。在这里，在提交时，单击我执行一些服务器端验证，以检查重复的名称。如果它是重复的，我会显示一条消息。现在，当用户编辑输入时，我希望在单击保存按钮之前隐藏错误消息。我该怎么做呢？
<form name="vm.createStepForm" ng-submit="vm.saveStepDefinition(vm.createStepForm.$valid)" novalidate>
<div class="form-horizontal">
<div class="form-group">
<span for="step_definition_name" class="col-md-4 step-builder-label">{{'customWorkflow:stepBuilder.stepName' | i18next }}</span>
<div class="col-md-8">
<input type="text" class="form-control" id="step_definition_name" name="step_definition_name" required ng-disabled="vm.stepDefinition.canDelete == false" ng-model="vm.stepDefinition.name" />
<div ng-show="vm.createStepForm.$submitted">
<div class="validation-error-text" ng-show="createStepForm.step_definition_name.$error.required">
{{'customWorkflow:stepBuilder.stepNameRequiredError' | i18next}}
</div>
<div class="validation-error-text" ng-show="vm.duplicateStepName && !createStepForm.step_definition_name.$dirty">
{{'customWorkflow:stepBuilder.duplicateStepName' | i18next}}
</div>
</div>
</div>
</div>
<hr />
<hr />
<div class="form-group">
<div class="col-md-4"></div>
<div class="col-md-7">
<button class="btn btn-default pull-right" type="button" ng-click="vm.cancel()" id="btn_create_step_cancel">{{ 'customWorkflow:stepBuilder.cancel' | i18next }}</button>
<input class="btn btn-primary pull-right" style="margin-right:5px;" type="submit" id="btn_save_step" ng-disabled="(vm.createStepForm.$invalid || stepResultsForm.$invalid)" value="{{ 'customWorkflow:stepBuilder.save' | i18next }}">
</div>
</div>
</div>
</form>
现在，当我更改名称并按tab键时，我希望不显示错误消息
回答 1
Stack Overflow用户
发布于 2019-10-09 07:04:56
您可以对输入使用ng-change事件并将duplicateStepName设置为false
<input type="text" class="form-control" id="step_definition_name" name="step_definition_name" ng-change="change()" required ng-disabled="vm.stepDefinition.canDelete == false" ng-model="vm.stepDefinition.name" />然后在控制器中
$scope.change=function(){
$scope.duplicateStepName=false
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/58298662
复制
腾讯云开发者
