添加后禁用我的输入提交 [英] Disabled my input submit after adding

问题描述

你好，



i想要禁用我的输入提交第一个它工作正常，我想在添加相同的一个后禁用我的输入这是我的代码它的工作原理罚款



Html：



< form class =form-horizo​​ntal col-md-6 role =formname =frm>

< label class =control-label col-sm -2for =Firstname>Prénom：< / label>

< input type =textng-minlength =4class =form-control filtersname =Firstnameng-model =firstnamerequired autofocus>

Ce champ et obligatoire！

Trop court！

< label class =control-label col-sm-2for =Lastname> Nom< / label>

< input type =textng-minlength =4class =form-control filtersname =Lastnameng-model =lastname 必需>

Ce champ et obligatoire！

Trop court！

< button type =submitclass =btn btn-successng-click =Add（fa lse）ng-disabled =frm。$ invalid> Ajouter< / button>

< / form>

AngularJS：



app.controller（'UserAdminAddController'，函数（$ scope，httpService）{



$ scope.Add = function（）{

var data = {

firstname：$ scope.firstname，

lastname：$ scope.lastname

};

var log = httpService.request（'api / User / AddUserByForm /'，'put'，data）;

log.then（function（result）{

if（result.data.Status =='Succeed'）{

$（input [name ='Firstname] '））。val（null）;

$（input [name ='Lastname']）。val（null）;

$（'#Succeed '）。fadeIn（）;

$（'＃Succeed'）。延迟（3000）.fadeO UT（）; }

else {



}



}）;

}

};

}）;



css：

input.ng-invalid.ng-dirty {border：1px solid red;}



我尝试了什么：



我第一次有用户ng-disabled =frm。$ invalid我的提交按钮

解决方案

< blockquote> invalid> Ajouter< / button>

< / form>

AngularJS：



app.controller（'UserAdminAddController'，函数（

范围，httpService）{

scope.Add = function（）{

var data = {

firstname：

hello,

i want to disable my input submit for the first it works nice, i want to disable my input after adding same one this is my code it works fine

Html :

<form class="form-horizontal col-md-6" role="form" name="frm">

<label class="control-label col-sm-2" for="Firstname">Prénom:</label>

<input type="text" ng-minlength="4" class="form-control filters" name="Firstname" ng-model="firstname" required autofocus>
Ce champ et obligatoire!
Trop court!

<label class="control-label col-sm-2" for="Lastname">Nom</label>

<input type="text" ng-minlength="4" class="form-control filters" name="Lastname" ng-model="lastname" required>
Ce champ et obligatoire!
Trop court!

<button type="submit" class="btn btn-success" ng-click="Add(false)" ng-disabled="frm.$invalid">Ajouter</button>

</form>
AngularJS:

app.controller('UserAdminAddController', function ($scope, httpService) {

$scope.Add = function () {
var data = {
firstname: $scope.firstname,
lastname: $scope.lastname
};
var log = httpService.request('api/User/AddUserByForm/', 'put', data);
log.then(function (result) {
if (result.data.Status == 'Succeed') {
$("input[name='Firstname']").val(null);
$("input[name='Lastname']").val(null);
$('#Succeed').fadeIn();
$('#Succeed').delay(3000).fadeOut(); }
else {

}

});
}
};
});

css:
input.ng-invalid.ng-dirty{border:1px solid red;}

What I have tried:

For the first time i have user ng-disabled="frm.$invalid" for my submit buton

解决方案

invalid">Ajouter</button>

</form>
AngularJS:

app.controller('UserAdminAddController', function (

scope, httpService) {

scope.Add = function () {
var data = {
firstname:

这篇关于添加后禁用我的输入提交的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！