嗨我有一種情況下,當輸入窗體時禁用提交按鈕,只有當輸入框有一些文本時啓用它。清除文本輸入和禁用按鈕onclick Angularjs
<div id="app-id-input-container" ng-form="appIdInput">
<div class="input-group">
<input id="app-id-input" name="appIdInput" ng-click="clearAppIdInput()" class="form-control" type="text" ng-model="appId" pattern="^[AaIi][PpXxNn][0-9]{6}$" maxlength="8" />
<span class="input-group-btn">
<button id="addAppId" class="btn btn-success" ng-click="preferences.appIdInput.$valid && addAppId()" type="button"> <span class="glyphicon glyphicon-plus"></span></button>
</span>
</div>
<span class="validation-alert" ng-show="appIdError">{{appIdError}}</span>
</div>
當用戶在輸入框內單擊時清除該字段。
$scope.clearAppIdInput = function() {
$scope.appId = "";
};
即使範圍爲空,該按鈕未被禁用。
這是我如何禁用按鈕。
$(document).ready(function(){
$('#addAppId').prop('disabled',true);
$('#app-id-input').keyup(function(){
$('#addAppId').prop('disabled', this.value == "" ? true : false);
});
});
現在,我可以通過點擊鍵盤上的「backspace」來再次禁用按鈕嗎?
僅當我使用單擊清除輸入字段時,如何禁用該按鈕?
你能請解釋與plunker例如你的答案。提前致謝 :-) –