gpt4 book ai didi

javascript - 使用错误的 ng-pattern 重置 angularjs 表单字段

转载 作者:行者123 更新时间:2023-12-02 16:20:49 24 4
gpt4 key购买 nike

`http://plnkr.co/edit/kAt9B3GrO8m8TT7lUHt6?p=preview`

嘿 friend ,你能告诉我如何以更少的步骤重置表单值而不是使每个值都为空吗?

我有一个允许字母的模式,当我尝试重置表单时,我希望输入和错误消息都消失。 $setPristine 仅在我输入正确的模式并重置时才清除表单,但我希望像 453453/=-=- 这样的错误输入在重置时与其错误样式一起消失。

请帮忙..

最佳答案

如果您希望重置所有字段,您可以按照 Angular 文档示例并使用母版复制数据。

如果您只想重置无效字段,则需要检查每个字段并在它们无效时重置它们。

更新你的插件。

var app = angular.module('plunker', []);
app.controller('MainCtrl', function($scope, $compile) {
'use strict';
$scope.master = {
name: ""
};
$scope.data = angular.copy($scope.master);
$scope.reset = function() {
$scope.data = angular.copy($scope.master);
$scope.form.$setPristine();
}
});

http://plnkr.co/edit/3gFGSjA9kArzn7uNanIu?p=preview

关于javascript - 使用错误的 ng-pattern 重置 angularjs 表单字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29151821/

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