gpt4 book ai didi

javascript - Angularjs 使用 $touched 输入重置表单

转载 作者:行者123 更新时间:2023-11-28 07:00:22 26 4
gpt4 key购买 nike

我想在单击外部输入之前重置表单。但在重置数据之前,错误消息会闪烁。知道如何在没有闪光灯的情况下做到这一点吗?

骗子:http://plnkr.co/edit/hOBZ3vAjBhFNEzq1EReF?p=preview

HTML:

<head>
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.4/angular.min.js"></script>
<script src="script.js"></script>
</head>

<body ng-app="myApp">
<form name="myForm" novalidate ng-controller="myCtrl">
<input type="text" name="field" ng-minlength="8" ng-model="field">
<span ng-if="myForm.field.$invalid && myForm.field.$touched" style="color: red">Error</span>
<br>
<a href="" ng-click="reset()">Reset</a>
</form>
</body>

</html>

Javascript:

var app = angular.module("myApp", []);  

app.controller("myCtrl", function($scope){

$scope.reset = function(){
$scope.field = "";
}
});

最佳答案

对于这种特殊情况,您应该使用 ng-model-options ,您可以在特定的时间间隔后更新实际的 ng-model 值

  <input type="text" name="field" ng-minlength="8" ng-model="field" 
ng-model-options="{ debounce: { 'default': 500, 'blur': 200 } }"/>

Working Plunkr

关于javascript - Angularjs 使用 $touched 输入重置表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32191984/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com